WordPress画像最適化の方法8選!表示速度を確実に改善する実践手順

WordPress画像最適化の方法8選!表示速度を確実に改善する実践手順

WordPressサイトの表示が遅いと感じたことはありませんか?実は、ページの総データ量のうち50〜80%を画像が占めているケースは珍しくありません。つまり、画像を最適化するだけでサイト全体の表示速度が大幅に改善する可能性があるということです。

実際に私たちがクライアントのWordPressサイトで画像最適化を実施した際には、PageSpeed Insightsのスコアが30ポイント以上向上した事例もあります。しかし、多くの方が「画像圧縮プラグインを入れれば解決」と考えがちですが、それだけでは不十分です。

この記事では、アップロード前の準備からサーバー・配信レベルの施策まで、WordPress画像最適化の方法を8つに分けて体系的に解説します。すべての方法を実践すれば、プラグイン1つだけに頼るよりも確実に表示速度を改善できるはずです。

なぜWordPressの画像最適化が必要なのか?表示速度とSEOへの影響

なぜWordPressの画像最適化が必要なのか?表示速度とSEOへの影響

画像最適化はWordPressサイトの表示速度改善で最も費用対効果が高い施策です。 Googleが公表しているデータによると、ページの読み込み時間が1秒から3秒に増えると直帰率は32%増加します。そして、表示速度が遅くなる最大の原因が、最適化されていない画像ファイルなのです。

画像がページ表示速度に与える影響

WordPressサイトでは、1ページあたり10枚以上の画像を使用することも珍しくありません。スマートフォンで撮影した写真をそのままアップロードすると、1枚あたり3〜5MBにもなります。10枚なら30〜50MBです。モバイル回線でこれだけのデータを読み込むには相当な時間がかかり、ユーザーは待てずに離脱してしまいます。

一方で、適切に最適化された画像であれば1枚あたり50〜200KB程度に抑えられます。同じ見た目の画像でも、ファイルサイズを10分の1以下に削減できるのが画像最適化の威力です。

Googleのページエクスペリエンスと Core Web Vitals への影響

Googleは2021年からCore Web Vitalsを検索ランキングの要因に組み込んでいます。画像最適化に特に関連するのが以下の2つの指標です。

指標意味画像との関係
LCP(Largest Contentful Paint)最大コンテンツの表示時間ヒーロー画像やメインビジュアルが重いとスコア悪化
CLS(Cumulative Layout Shift)レイアウトのズレ画像のサイズ未指定で読み込み時にレイアウトが崩れる

LCPの理想は2.5秒以内ですが、最適化されていない大きな画像がメインビジュアルに使われていると、この基準を満たすことは困難です。つまり、画像最適化を怠ると、SEO評価にも直接的な悪影響があるということです。

PageSpeed Insightsで現状を確認する方法

画像最適化に取り組む前に、まずは現状を把握しましょう。PageSpeed InsightsにサイトのURLを入力すると、モバイル・PCそれぞれのパフォーマンススコアが表示されます。

「改善できる項目」セクションに以下のような指摘が出ていたら、画像最適化が急務です。

  • 「適切なサイズの画像」 — 画像のサイズが表示サイズより大きい
  • 「次世代フォーマットでの画像の配信」 — WebPやAVIFへの変換が推奨されている
  • 「効率的な画像エンコード」 — 圧縮が不十分な画像がある
  • 「オフスクリーン画像の遅延読み込み」 — ファーストビュー外の画像が即座に読み込まれている

WordPress画像最適化の全体像|8つの方法を体系的に理解する

WordPress画像最適化の全体像|8つの方法を体系的に理解する

画像最適化は1つの方法だけでなく、複数の施策を組み合わせることで最大の効果を発揮します。 以下の3つのフェーズに分けて体系的に取り組むのがポイントです。

フェーズ方法難易度効果
アップロード前①画像フォーマットの選択
②画像サイズ・ファイルサイズの調整
③ファイル名・alt属性の最適化
WordPress側④画像圧縮プラグインの活用
⑤WebP変換の自動化
⑥遅延読み込みの活用
サーバー・配信⑦不要な画像サイズの生成停止
⑧CDNによる画像配信の高速化

よくある失敗は、④のプラグインだけ導入して満足してしまうパターンです。しかし、そもそもアップロードする画像が4000×3000pxの高解像度写真では、プラグインで圧縮しても十分な軽量化は期待できません。上流工程(アップロード前)から順番に取り組むことが重要です。

関連記事として、WordPressの表示速度改善を総合的に知りたい方は「WordPress高速化の方法11選|効果・難易度別に徹底解説」もあわせてご覧ください。

【方法①】適切な画像フォーマットを選ぶ|JPEG・PNG・WebP・AVIFの使い分け

【方法①】適切な画像フォーマットを選ぶ|JPEG・PNG・WebP・AVIFの使い分け

画像フォーマットの選択は、最適化の出発点です。 フォーマットによってファイルサイズが2倍以上変わることもあるため、用途に応じた使い分けが欠かせません。

各フォーマットの特徴と最適な用途

フォーマット特徴最適な用途ファイルサイズの目安
JPEG写真向き、不可逆圧縮、透過不可写真、グラデーション画像中(100〜300KB)
PNGイラスト向き、可逆圧縮、透過対応ロゴ、スクリーンショット、透過画像大(200KB〜1MB)
WebP次世代フォーマット、JPEGより25〜34%軽量写真・イラスト両方小(50〜200KB)
AVIF最新フォーマット、WebPよりさらに軽量高圧縮が必要な場面極小(30〜150KB)
SVGベクター形式、拡大しても劣化なしアイコン、ロゴ、シンプルな図形極小(1〜30KB)

よくある間違いが、スクリーンショットや文字入りの画像をJPEGで保存してしまうケースです。JPEGは写真には強いですが、文字やシャープなエッジがある画像ではノイズが目立ちます。こうした画像はPNGで保存するか、WebPに変換するのが適切です。

WebPとAVIFはどちらを選ぶべきか

2026年現在、実用性の面ではWebPが最も無難な選択肢です。主要ブラウザのWebP対応率は97%以上に達しており、ほぼすべてのユーザーに配信できます。

AVIFはWebPよりもさらに圧縮率が高いものの、ブラウザの対応がまだ追いついていない部分があります。SafariのAVIF対応が進んだとはいえ、古いバージョンのブラウザを使用しているユーザーもいるため、現時点ではWebPを基本とし、AVIFはフォールバック付きで併用するのが現実的です。

【方法②】アップロード前に画像サイズとファイルサイズを調整する

【方法②】アップロード前に画像サイズとファイルサイズを調整する

アップロード前の調整は、画像最適化で最も効果が大きい工程です。 どれほど優秀なプラグインを使っても、4000×3000pxの写真を800×600pxの表示枠に収めるなら、先にリサイズしたほうが圧倒的に効率的です。

WordPressに最適な画像サイズの目安

WordPressサイトで使用する画像は、実際に表示されるサイズに合わせてリサイズするのが基本です。

  • 記事内の画像: 幅800〜1200px(コンテンツ幅に応じて)
  • ヒーロー画像・メインビジュアル: 幅1600〜1920px
  • サムネイル: 幅300〜600px
  • アイキャッチ画像: テーマの推奨サイズに合わせる(多くの場合1200×630px)

Retinaディスプレイへの対応を考慮しても、記事内画像は幅1200px以下で十分です。幅2000pxを超える画像をそのままアップロードしている場合は、リサイズだけでファイルサイズを半分以下にできます。

無料ツールで事前圧縮する手順

  1. 画像のリサイズ: macOSの「プレビュー」やWindowsの「ペイント」で幅を調整する
  2. 圧縮ツールで軽量化: Squoosh(Google開発の無料ツール)でフォーマット変換と圧縮を同時に行う
  3. ファイルサイズの確認: 圧縮後のファイルサイズが目安の範囲内に収まっているか確認する

Squooshは、ブラウザ上でリアルタイムに圧縮前後の画質を比較できるため、画質劣化を確認しながら最適な圧縮率を見つけられます。インストール不要で無料のため、特に画像点数が少ない場合におすすめの方法です。

ファイルサイズの目安

用途別のファイルサイズの目安は以下の通りです。

  • 記事内の写真: 70〜150KB
  • ヒーロー画像: 100〜200KB
  • アイキャッチ画像: 50〜100KB
  • アイコン・ロゴ: 10〜30KB

合計で1ページあたり1MB以下を目標にすると、モバイル環境でもストレスなく表示できます。

【方法③】ファイル名とalt属性を最適化する|SEO効果を高める画像設定

【方法③】ファイル名とalt属性を最適化する|SEO効果を高める画像設定

画像のファイル名とalt属性はGoogleの画像検索ランキングに影響する要素です。 直接的な表示速度の改善にはつながりませんが、画像最適化の一環として必ず設定しておきたい項目です。

SEOに効くファイル名の付け方

画像ファイル名は、画像の内容を英語で簡潔に表す形式が理想です。

  • 良い例: wordpress-dashboard-settings.jpg
  • 悪い例: IMG_20260315_001.jpgスクリーンショット 2026-03-15.png

Googleは画像のファイル名を画像の内容を理解するヒントとして使用しています。適切なファイル名をつけることで、Google画像検索からの流入が増える可能性があります。

単語の区切りにはハイフン(-)を使用し、アンダースコア(_)やスペースは避けましょう。

alt属性の正しい書き方と注意点

alt属性(代替テキスト)は、画像が表示できない場合や、スクリーンリーダーを使用しているユーザーに画像の内容を伝える役割があります。WordPressの場合、メディアライブラリで画像を選択し「代替テキスト」の欄に入力します。

  • 良い例: WordPressの管理画面でメディア設定を変更している画面
  • 悪い例: 画像wordpress wordpress seo wordpress 最適化(キーワードの詰め込み)

alt属性にキーワードを含めるのはSEO上有効ですが、不自然なキーワードの詰め込みは逆効果です。画像の内容を正確に説明することを最優先にしてください。

日本語ファイル名の問題と自動変換

日本語のファイル名でアップロードすると、URLがエンコードされて%E7%94%BB%E5%83%8F...のような長い文字列になります。これはURLの可読性を下げるだけでなく、一部のサーバー環境で表示不具合の原因になることがあります。

アップロード前にファイル名を英語に変更するのが理想ですが、毎回手動で変更するのは手間がかかります。Eio WP Expansionなどのプラグインには、日本語ファイル名を自動でローマ字に変換する機能が搭載されており、アップロード時にファイル名を意識する必要がなくなります。

【方法④】WordPress画像圧縮プラグインで自動最適化する

【方法④】WordPress画像圧縮プラグインで自動最適化する

画像圧縮プラグインを導入すれば、アップロードのたびに自動で圧縮が実行されます。 すでにアップロード済みの大量の画像も一括で最適化できるため、既存サイトの改善にも効果的です。

主要プラグイン4選の比較

プラグイン料金圧縮方式WebP変換AVIF変換一括圧縮処理場所
EWWW Image Optimizer無料(有料版あり)ローカル+クラウド対応対応(有料)対応ローカル/クラウド
Imagify月20MBまで無料クラウド対応対応対応クラウド
TinyPNG月500枚まで無料クラウド対応非対応対応クラウド
Smush無料(有料版あり)クラウド対応(有料)非対応対応クラウド

無料で使いたい場合はEWWW Image Optimizerが定番です。ローカル処理に対応しているため、画像データを外部サーバーに送信する必要がなく、プライバシーの面でも安心です。

詳しい比較は「WordPress画像圧縮プラグインおすすめ5選|設定手順も徹底解説」で解説しています。

プラグイン選びの注意点|入れすぎが招くリスク

画像最適化に限った話ではありませんが、WordPressプラグインの入れすぎはサイトの表示速度低下やセキュリティリスクの原因になります。

画像圧縮プラグインを複数インストールすると、以下のような問題が発生する可能性があります。

  • 二重圧縮による画質劣化: 2つのプラグインが同じ画像を順番に圧縮し、想定以上に画質が落ちる
  • 処理の競合: アップロード時に複数のプラグインが同時に処理しようとしてエラーが発生する
  • サーバー負荷の増大: 一括最適化を同時に実行するとメモリ不足でサイトがダウンする

画像圧縮プラグインは必ず1つに絞って使用してください。プラグインの詳しい選び方については「WordPressのおすすめプラグイン15選|目的別に厳選&入れすぎ対策も解説」も参考になります。

オールインワン型プラグインという選択肢

「画像圧縮」「WebP変換」「ファイル名変換」「不要サイズの停止」と、画像関連だけでも複数の機能が必要になります。これらを別々のプラグインで対応すると、プラグイン数が膨らんでしまいます。

Eio WP Expansion は、画像最適化機能を含む50以上の機能を1つに統合したWordPressプラグインです。画像関連では以下の機能を搭載しています。

  • 自動画像圧縮: Imagick/GDの両エンジンを自動試行し、最小サイズの結果を採用
  • WebP自動変換: JPEG/PNGアップロード時に自動でWebPファイルも生成
  • 自動リサイズ: 指定サイズを超える画像を自動で縮小
  • PNG→JPEG自動変換: 透過のないPNGを自動でJPEGに変換(90%以上のサイズ削減)
  • ファイル名サニタイズ: 日本語ファイル名をローマ字に自動変換
  • EXIF情報の自動削除: 撮影場所などのプライバシー情報を削除
  • 不要画像サイズの生成停止: 使わないサムネイルサイズの生成を停止
  • 一括圧縮: 既存画像をAJAX処理で一括最適化(進捗バー付き)
  • SVGアップロード対応: セキュリティ対策付きでSVGファイルのアップロードを許可

特徴的なのは、外部APIに依存しない完全ローカル処理である点です。画像データが外部サーバーに送信されないため、セキュリティとプライバシーの面で安心できます。また、月間の圧縮枚数制限もありません。

買い切り型(16,500円)で年額サブスクリプション不要のため、ランニングコストを抑えたい中小企業や個人事業主の方に適しています。

【方法⑤】WebP変換で画像ファイルを25〜34%軽量化する

【方法⑤】WebP変換で画像ファイルを25〜34%軽量化する

WebPはGoogleが開発した次世代画像フォーマットで、JPEGと比べて25〜34%ファイルサイズが小さくなります。 2026年現在、主要ブラウザの対応率は97%以上に達しており、導入のハードルは大きく下がっています。

WebP変換の仕組みと効果

WebPは、JPEGと同等の画質を維持しながらファイルサイズを大幅に削減できるフォーマットです。Googleの公式データによると、以下の圧縮効果があります。

  • JPEGからWebP: 25〜34%のファイルサイズ削減
  • PNGからWebP: 約26%のファイルサイズ削減

たとえば、1ページに10枚の画像(合計1MB)があるサイトでWebP変換を行うと、画像の合計サイズが約700KBまで削減できる計算です。ページ全体で300KBの削減は、特にモバイル回線での表示速度に大きな違いをもたらします。

プラグインでWebP変換を自動化する手順

WebP変換に対応している主要プラグインは以下の通りです。

  1. EWWW Image Optimizer: 無料版でWebP変換に対応。設定画面で「WebP変換」にチェックを入れるだけ
  2. Eio WP Expansion: WebP自動変換機能を搭載。品質設定(10〜100%)も調整可能
  3. Imagify: WebP・AVIF両方に対応(ただしAPIの月間制限あり)

いずれのプラグインでも、設定を有効にすれば新規アップロード画像は自動でWebP版が生成されます。既存画像についても一括変換機能で対応できます。

WebP非対応ブラウザへのフォールバック設定

WebP対応率は97%以上ですが、古いブラウザを使用しているユーザーへの配慮も必要です。対応方法は主に2つあります。

方法1: HTMLの<picture>タグを使用する

<picture>
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="代替テキスト">
</picture>

WebP対応ブラウザにはWebPを、非対応ブラウザには元のJPEG/PNGを表示する仕組みです。

方法2: .htaccessで自動切り替えする

サーバー側でWebP対応ブラウザを判定し、自動的にWebPファイルを配信する方法です。EWWW Image Optimizerなどのプラグインが.htaccessのルールを自動生成してくれるため、手動で設定する必要はありません。

【方法⑥】遅延読み込み(Lazy Load)を活用する

【方法⑥】遅延読み込み(Lazy Load)を活用する

遅延読み込みは、画面に表示されていない画像の読み込みを後回しにする技術です。 これにより初期表示に必要なデータ量が減り、ページの表示速度が向上します。

WordPress標準の遅延読み込み機能

WordPress 5.5以降では、投稿・固定ページ内の<img>タグに自動でloading="lazy"属性が追加されるようになりました。つまり、WordPress 5.5以降を使用していれば、特別な設定をしなくても基本的な遅延読み込みは有効になっています。

ただし、テーマによってはこの機能が無効化されている場合もあります。ブラウザの開発者ツールで<img>タグを確認し、loading="lazy"が付与されているかチェックしてみましょう。

ファーストビュー画像は遅延読み込みを除外する

遅延読み込みにはひとつ重要な注意点があります。ページを開いたときに最初に見える範囲(ファーストビュー)の画像には、遅延読み込みを適用してはいけません。

ファーストビューの画像にloading="lazy"が付いていると、ブラウザが画像の読み込みを遅らせてしまい、かえって表示が遅くなります。WordPress 5.9以降では、コンテンツ内の最初の画像には自動でloading="lazy"が付与されないように改善されていますが、テーマのヘッダー画像やヒーロー画像には手動で対応が必要な場合があります。

LCPスコアを悪化させない設定のコツ

LCP(Largest Contentful Paint)の対象要素がヒーロー画像の場合、遅延読み込みの設定次第でスコアが大きく変動します。以下のポイントを押さえておきましょう。

  • ヒーロー画像にはfetchpriority="high"を設定する: ブラウザに優先的に読み込むよう指示する
  • ファーストビュー外の画像のみ遅延読み込みを適用する: 一律で適用するのではなく、表示位置に応じて制御する
  • PageSpeed InsightsでLCPの対象要素を確認する: 「診断」セクションでLCPの詳細を確認できる

WordPress 6.3以降ではfetchpriority="high"が自動的に追加されるケースもありますが、テーマによっては手動設定が必要です。

【方法⑦】不要な画像サイズの生成を停止してサーバー容量を節約する

【方法⑦】不要な画像サイズの生成を停止してサーバー容量を節約する

WordPressは画像をアップロードするたびに、複数のサムネイルサイズを自動生成します。 この仕組みを理解し、不要なサイズの生成を停止することで、サーバー容量の節約と管理の効率化が実現します。

WordPressが自動生成するサムネイルの仕組み

WordPressのデフォルト設定では、画像アップロード時に以下の4サイズが自動生成されます。

  • サムネイル: 150×150px
  • 中サイズ: 最大300×300px
  • 大サイズ: 最大1024×1024px
  • フルサイズ: 元画像そのまま

さらに、使用しているテーマやプラグインが独自のサイズを追加登録している場合があります。テーマによっては10種類以上のサムネイルが登録されていることも珍しくなく、1枚の画像をアップロードするだけで10個以上のファイルが生成されることになります。

100枚の画像をアップロードすれば1,000個以上のファイルがサーバーに保存されるわけですから、サーバー容量の消費は無視できません。

使っていない画像サイズを停止する方法

不要な画像サイズの生成を停止するには、いくつかの方法があります。

方法1: WordPressの設定画面で変更する

「設定」→「メディア」で、サムネイル・中サイズ・大サイズのサイズを確認できます。使用しないサイズは幅・高さを「0」に設定すると生成されなくなります。

方法2: プラグインで制御する

Eio WP Expansionの「不要な画像サイズ生成の停止」機能を使えば、テーマやプラグインが登録したサイズも含めて一覧表示され、チェックボックスで個別に無効化できます。

注意点: テーマが実際に使用しているサイズを停止すると、ページの表示が崩れる可能性があります。停止する前に、テーマのドキュメントやソースコードで使用されているサイズを確認してください。

【方法⑧】CDNを活用して画像配信を高速化する

【方法⑧】CDNを活用して画像配信を高速化する

CDN(コンテンツ配信ネットワーク)は、世界中に分散されたサーバーからコンテンツを配信する仕組みです。 ユーザーに物理的に近いサーバーから画像を配信するため、読み込み速度が向上します。

CDNの仕組みと画像配信への効果

通常、WordPressサイトの画像は1台のサーバーから配信されます。東京のサーバーにホストされているサイトを北海道のユーザーがアクセスする場合と、九州のユーザーがアクセスする場合では、物理的な距離の違いから応答速度に差が出ます。

CDNを導入すると、画像が複数の拠点サーバーにキャッシュされ、ユーザーに最も近いサーバーから配信されるようになります。特に画像が多いサイトやアクセスが全国に分散しているサイトでは、体感速度が明らかに改善します。

無料で使えるCDNサービス

サービス無料枠特徴
Cloudflare無制限最も手軽。DNS変更だけで導入可能
Jetpack(WordPress.com CDN)無制限WordPress公式。画像専用CDN

中小企業のWordPressサイトであれば、Cloudflareの無料プランで十分な効果が得られます。SSL対応やセキュリティ機能も含まれているため、画像配信の高速化と合わせてサイト全体のパフォーマンスとセキュリティが向上します。

CDN導入後は、PageSpeed Insightsでスコアの変化を確認しましょう。特にLCP(Largest Contentful Paint)の改善が期待できます。

画像最適化の効果を検証する|PageSpeed Insightsでビフォーアフター

画像最適化の効果を検証する|PageSpeed Insightsでビフォーアフター

画像最適化は「実施して終わり」ではなく、効果を数値で検証することが重要です。 改善前後のスコアを比較することで、どの施策が最も効果的だったかを把握できます。

最適化前後のスコア比較事例

私たちが実際にクライアントの中小企業サイト(月間PV約5,000、画像約300枚)で画像最適化を実施した際の事例を紹介します。

施策モバイルスコア変化主な改善指標
画像リサイズ(幅1200px以下に統一)+8ポイントLCP改善
画像圧縮プラグイン導入+12ポイント総転送サイズ削減
WebP変換+7ポイント総転送サイズ削減
遅延読み込みの最適化+5ポイントLCP・FCP改善
合計+32ポイント

このサイトでは、モバイルのPageSpeedスコアが42点から74点に改善しました。特に効果が大きかったのはリサイズと圧縮プラグインの組み合わせです。リサイズせずにプラグインだけ入れた場合の改善は+12ポイントでしたが、事前リサイズとの組み合わせで+20ポイントまで伸びました。

Core Web Vitalsで確認すべき3つの指標

PageSpeed Insightsの結果画面で、特に注目すべき指標は以下の3つです。

  • LCP(Largest Contentful Paint): 2.5秒以下が「良好」。ヒーロー画像の最適化が直結する
  • FID / INP(Interaction to Next Paint): 200ms以下が「良好」。画像処理のJavaScriptが影響する場合がある
  • CLS(Cumulative Layout Shift): 0.1以下が「良好」。画像のwidthheight属性の指定で改善できる

画像最適化で最も効果が出やすいのはLCPです。ファーストビューに大きな画像を使用しているサイトでは、その画像1枚を最適化するだけでLCPが1秒以上改善することもあります。

WordPress画像最適化で失敗しないために|よくある落とし穴と対策

画像最適化は正しく行えば効果的ですが、やり方を間違えると逆効果になるケースもあります。 私たちが実務で遭遇した失敗事例を共有します。

圧縮しすぎて画質が劣化するケース

「とにかく軽くしたい」と圧縮率を最大に設定した結果、商品写真がぼやけてしまい、コンバージョン率が下がった事例がありました。

ECサイトや飲食店のサイトなど、画像の美しさが集客に直結するサイトでは、圧縮率よりも画質を優先すべきです。JPEG品質は80〜85%、WebP品質は75〜85%を目安にすると、見た目の劣化がほとんどなく十分な圧縮効果が得られます。

Eio WP Expansionでは、3段階の圧縮レベル(可逆圧縮・バランス・最大圧縮)から選択でき、「バランス」設定(JPEG 75%・WebP 80%)が品質と圧縮率のバランスに優れています。

プラグイン同士の競合トラブル

画像圧縮プラグインとキャッシュプラグイン、あるいは複数の画像圧縮プラグインを同時に有効化して、画像が表示されなくなるトラブルは意外と多く発生します。

特に注意が必要な組み合わせは以下の通りです。

  • 画像圧縮プラグイン同士(EWWW + Smush など)
  • WebP変換プラグインと画像圧縮プラグイン(WebP変換の重複)
  • キャッシュプラグインのWebP配信機能と画像プラグインのWebP機能

画像関連の機能はできるだけ1つのプラグインに集約するのが、トラブルを避けるコツです。

遅延読み込みでLCPが悪化するケース

遅延読み込みを一律に適用してしまい、ヒーロー画像の表示が遅くなった結果、LCPスコアが3秒以上に悪化した事例もあります。

前述の通り、ファーストビューの画像には遅延読み込みを適用しないのが鉄則です。PageSpeed Insightsの「診断」セクションで「LCPの画像が遅延読み込みされました」という警告が出ている場合は、該当画像からloading="lazy"を除外してください。

画像最適化はプラグイン選びだけで終わらない|サイト全体で取り組む姿勢が大切

画像最適化はプラグイン選びだけで終わらない|サイト全体で取り組む姿勢が大切

WordPress画像最適化の8つの方法を解説しました。改めて整理すると、効果を最大化するためのポイントは以下の3つです。

  • アップロード前にリサイズと圧縮を行うことで、プラグインの負担を減らし、より高い圧縮効果が得られる
  • WebP変換と遅延読み込みを正しく設定することで、ブラウザ表示の最適化が進む
  • プラグインは1つに集約することで、競合トラブルを防ぎながら管理コストも下げられる

画像最適化は一度設定すれば自動で動き続ける施策がほとんどです。最初の設定に少し手間がかかりますが、その後は継続的にサイトのパフォーマンスを支えてくれます。

もしプラグインの数を増やさずに画像最適化を含む多機能を1つで実現したいなら、Eio WP Expansion をぜひご検討ください。画像圧縮・WebP変換・ファイル名サニタイズ・不要サイズ停止に加え、セキュリティやSEOなど50以上の機能を買い切り16,500円で提供しています。

この記事に関するよくある質問

Q. WordPressの画像は何KBが理想ですか?

A.
記事内の画像は70〜150KB、ヒーロー画像は100〜200KBが目安です。1ページあたりの画像合計は1MB以下を目標にすると、モバイル環境でも快適に表示されます。ただし、ECサイトの商品写真など画質が重要な画像は、200KB程度まで許容しても問題ありません。

Q. 画像圧縮プラグインは複数入れたほうがいいですか?

A.
画像圧縮プラグインは1つに絞るべきです。複数のプラグインが同じ画像を処理すると、二重圧縮による画質劣化や処理の競合エラーが発生する原因になります。画像圧縮・WebP変換・ファイル名変換など複数の機能が必要な場合は、オールインワン型のプラグインが便利です。

Q. WebPに変換するとSEOに効果がありますか?

A.
WebP変換そのものは直接的なランキング要因ではありません。しかし、ファイルサイズが25〜34%削減されることで表示速度が向上し、Core Web Vitals(特にLCP)のスコア改善につながります。Googleは表示速度をランキング要因として使用しているため、間接的にSEO効果があるといえます。

Q. すでにアップロード済みの画像も最適化できますか?

A.
一括最適化機能を持つプラグインを使えば対応可能です。EWWW Image OptimizerやEio WP Expansionには、メディアライブラリ内の既存画像を一括で圧縮する機能があります。Eio WP Expansionの場合、AJAX処理で1枚ずつ最適化するため、大量の画像があってもサーバーがダウンするリスクを抑えられます。

Q. 画像最適化だけで表示速度はどのくらい改善しますか?

A.
サイトの状況によりますが、画像が多いサイトではPageSpeedスコアが20〜30ポイント改善した事例もあります。特に効果が大きいのは、リサイズ(アップロード前)と圧縮プラグインの組み合わせです。ただし、サーバーの応答速度やJavaScriptの最適化など、画像以外の要因も表示速度に影響するため、画像最適化だけで満点にはなりません。