画像は、WordPress ページ重量に最も大きく影響します。 5 ～ 10 枚の写真を含む最適化されていないブログ投稿は、簡単に 5 MB を超える可能性があり、Core Web Vitals スコアを破壊し、訪問者を遠ざけます。修正方法は次のとおりです。
重要な統計: Google の調査によると、モバイル ユーザーの 53% が、読み込みに 3 秒以上かかるページを放棄しています。ほとんどの WordPress サイトでは、画像がページの総重量の 50 ～ 70% を占めています。
オプション 1: WordPress プラグイン (自動)
最も簡単な方法は、アップロード時に画像を自動的に最適化する圧縮プラグインをインストールすることです。
ベスト WordPress 画像圧縮プラグイン
| プラグイン | 無料枠 | WebP サポート | 一括最適化 |
|---|---|---|---|
| ショートピクセル | 100 画像/月 | はい | はい |
| スマッシュ | 50 画像/バッチ | プロのみ | はい |
| 想像してみてください | 20 MB/月 | はい | はい |
| EWW 画像オプティマイザー | 無制限（基本） | はい | はい |
✅ 推奨事項
ShortPixel は、無料割り当て、品質、WebP 生成の最適なバランスを提供します。 EWWW は、最適化を少し控えめにして、無制限に無料で圧縮したい場合に最適です。
オプション 2: アップロード前に圧縮 (手動)
より詳細に制御するには、WordPress にアップロードする前に画像を圧縮します。
- テーマのコンテンツの幅 (通常は幅 1200 ～ 1600 ピクセル) に合わせて画像のサイズを変更します。
- 画像の圧縮 などのブラウザベースのツールを使用して 75 ～ 82% の品質で圧縮します
- テーマがサポートしている場合は WebP に変換します
- 最適化されたバージョンを WordPress にアップロードします
このアプローチにより、品質を完全に制御でき、最適化されていないオリジナルをサーバーからクリーンな状態に保つことができます。
オプション 3: サーバー側 / CDN の最適化
Cloudflare Polish、imgix、Cloudinary などのサービスは、CDN エッジでオンザフライで画像を最適化できます。
- Cloudflare ポリッシュ — Pro プラン (月額 20 ドル) 以上の自動圧縮
- クラウド — 毎月 25,000 回の変換を含む無料枠
- imgix — リアルタイム画像処理 API、使用量ベースの価格設定
必須 WordPress 画像設定
- 遅延読み込みを追加します。 WordPress 5.5+ 追加
loading="lazy"ですが、テーマがそれをオーバーライドしていないことを確認してください - 正しい寸法を設定します。 必ず含める
widthおよびheight属性<img>タグ (CLS) - 未使用のサイズを無効にします: WordPress は複数のサムネイル サイズを生成します。使用しないサイズを無効にする
functions.php - WebP を提供する: プラグインを使用するか、
.htaccessサポートするブラウザに WebP を提供するためのルール
影響の測定
最適化した後、次のコマンドを使用して結果をテストします。
- Google PageSpeed Insights — LCP と「次世代形式での画像の提供」監査をチェックします
- GTmetrix — 個々の画像の読み込み時間を示すウォーターフォール ビュー
- WebPageTest — 画像形式とサイズごとの詳細な内訳
🔧 アップロード前に画像を圧縮 — 無料＆プライベート
WordPress 画像をここにドロップすると、数秒で最適化されたバージョンが得られます。プラグインは必要なく、ブラウザで実行できます。
画像の圧縮を開く →結論
最速の WordPress 画像ワークフローは、安全のためにアップロード前の圧縮とプラグインを組み合わせています。コンテンツの幅に合わせてサイズを変更し、75 ～ 82% の品質で圧縮し、WebP に変換して、見逃したものをプラグインにキャッチさせます。 Core Web Vitals はあなたに感謝します。