画像を軽くするだけでサイトは速くなる
サイトを速くしたいなら、まず手をつけるべきは画像です。結論として、多くのサイトで表示の遅さの最大の原因は「重い画像」であり、画像を軽くするだけで体感速度は大きく改善します。しかも、文章の修正やデザイン変更と違い、画像の最適化は見た目をほとんど変えずに効果を出せます。コストも手間も小さいわりに効果が大きい、速度改善の「最初の一手」です。
なぜ画像がそんなに重いのか
スマートフォンやデジタルカメラで撮った写真は、1枚で数MBになることも珍しくありません。これをそのままページに載せると、訪問者はページを開くたびにその巨大なデータを読み込むことになり、表示が大きく遅れます。とくにトップページや商品一覧のように画像が多いページでは、画像の合計サイズがそのままページの重さになります。逆に言えば、画像さえ適切なサイズに整えれば、ページは劇的に軽くなります。
画像を軽くする手順
- 表示サイズに合わせて縮小する：横幅2000pxの写真を、実際には幅800pxで表示しているなら、その差は完全な無駄です。表示する大きさに合わせて画像の寸法を縮小します。
- 圧縮して書き出す：画質をほとんど落とさずにファイルサイズだけを減らす圧縮をかけます。見た目はほぼ変わらないのに、サイズが半分以下になることもよくあります。
- WebPなど軽い形式を使う：JPEGやPNGより軽い「WebP」形式に変換すると、同じ画質でさらにサイズを減らせます。変換を自動で行うプラグインもあります。
- 遅延読み込み（Lazy Load）を有効にする：画面に表示される直前まで画像の読み込みを後回しにする仕組みです。最初の表示が速くなります。WordPressは標準で対応しています。
新しく載せる画像こそ最適化を習慣に
既存の画像を一括で最適化するのも効果的ですが、もっと大切なのは「これから載せる画像を、毎回最適化してからアップロードする」習慣をつけることです。せっかくサイト全体を軽くしても、その後に巨大な画像を無造作に追加していけば、速度はまた少しずつ低下してしまいます。記事を書く担当者やページを更新する人に、「画像はアップ前に表示サイズへ縮小し、圧縮する」という簡単なルールを共有しておくだけで、サイトの速度は長く保てます。難しい知識は要りません。無料の画像圧縮ツールやWordPressの最適化プラグインを使えば、数クリックで済みます。大事なのは、最適化を「一度きりの作業」ではなく「アップロード時の当たり前の手順」にすることです。これは速度だけでなく、サーバーの容量を無駄に使わないことにもつながります。画像最適化は、速度改善の全体像の中でも最優先で取り組むべき項目です。原因の全体像は WordPressが重い原因トップ5 を参照してください。
どのくらい軽くすれば十分か
「画像を軽くする」と言っても、どこまでやればいいのか迷うかもしれません。目安として、写真1枚あたりのファイルサイズが数百KB以内に収まっていれば、多くのサイトでは十分です。逆に、1枚で2MB・3MBといった画像が並んでいるなら、明らかに改善の余地があります。注意したいのは、軽くしようとするあまり圧縮をかけすぎて、画質が目に見えて荒れてしまうことです。商品写真やブランドイメージを伝える画像では、過度な圧縮は逆効果になります。大切なのは「画質と軽さのバランス」で、見た目がほとんど変わらない範囲で最大限軽くするのが理想です。多くの圧縮ツールは品質レベルを調整できるので、何枚か試して、許容できる画質を保てる設定を見つけておくとよいでしょう。なお、WebP形式は便利ですが、ごく一部の古い環境では表示できないことがあるため、変換プラグインの多くは「対応していない環境には従来形式を返す」仕組みを備えています。導入時はこの点を確認しておくと安心です。要するに、神経質になりすぎる必要はなく、「明らかに重い画像を、見た目を保ったまま常識的なサイズに整える」だけで、効果は十分に得られます。
保守現場メモ：速度改善の現場で、画像の最適化は『最も確実に効く一手』です。スマホで撮った写真をそのまま載せていたサイトで、画像を適切なサイズに整えただけで、ページの読み込み時間が目に見えて短くなった例は数えきれません。高度な設定をいじる前に、まず画像。困ったら画像から見直す、と覚えておいて損はありません。
速度を保ち続けるために
画像の最適化は、速度改善の入口であると同時に、継続が効く対策でもあります。あわせてキャッシュを導入すれば、体感速度はさらに改善します。キャッシュの安全な設定は キャッシュプラグインの選び方 にまとめました。画像の一括最適化や、最適化を自動化する設定、その後の速度維持まで任せたい場合は、月額保守でお引き受けします。まずは無料診断で、いまのサイトの画像と速度の状態をご確認ください。
