WordPressサイトを高速化する7つのステップ｜キャッシュ・画像・Lazy Load・PHP最適化

WordPressサイトを高速化！最適化の7つのステップ WordPress
2023.08.05

ページの表示速度は、ユーザー体験とSEO評価の両方に直結します。WordPressはプラグイン・テーマ・画像など多くの要素が絡むため、気づかないうちに重くなりがちです。この記事では、効果の大きい7つの高速化施策を要点とともに紹介します。

まず現状を測る
改善は計測から始めます。Google PageSpeed Insights でスコアと指標（LCP・INP・CLS のCore Web Vitals）を確認し、ボトルネックの大きい施策から手を付けると効率的です。設定変更の前にはバックアップを取りましょう。
スポンサーリンク

1. キャッシュを使う

キャッシュは生成済みのページを再利用して表示を速くする、もっとも効果の大きい施策のひとつです。WP Fastest Cache・W3 Total Cache・LiteSpeed Cache（LiteSpeedサーバーの場合）などのプラグインで導入できます。

Cocoonなら設定だけでもOK
当サイトのテーマ Cocoon には「高速化」設定があり、ブラウザキャッシュ・HTML/CSS/JSの圧縮（ミニファイ）・Lazy Load などをプラグイン無しで有効化できます。まずはここを確認しましょう。なお、キャッシュはフォームの表示崩れなど副作用が出ることもあります。Contact Form 7とキャッシュの相性問題は確認画面が前の入力のまま…Contact Form 7×キャッシュの原因と対処法を参照してください。

2. 画像を最適化する（WebP）

ページが重い最大の原因はたいてい画像です。サイズの大きい画像を圧縮し、WebP などの軽量な次世代フォーマットに変換すると、読み込みが大きく改善します。EWWW Image Optimizer や Smush などのプラグインで自動化できます。

アップロード済みの画像をまとめてWebP化する手順はメディアライブラリの画像を自動でWebP化して軽量化する方法で詳しく解説しています。

3. 不要なプラグインを整理する

使っていないプラグインは、読み込むコードやDBクエリを増やし、セキュリティリスクにもなります。使っていないものは停止・削除し、機能が重複するプラグインは1つにまとめましょう。「とりあえず入れたまま」のプラグインを定期的に見直すのが効果的です。

4. PHPを新しいバージョンにする

WordPressはPHPで動作します。PHP 8.x 系は7系より大幅に高速で、バージョンを上げるだけで体感速度が改善することもあります。サーバーの管理画面（エックスサーバーなら「PHP Ver.切替」）から変更できます。

更新前に互換性を確認
古いプラグインやテーマは新しいPHPでエラーになることがあります。本番でいきなり上げず、バックアップ＋ステージング環境で動作確認してから切り替えましょう。PHP更新後にフック系のエラーが出た場合はレンダリングを妨げるJavaScriptを改善する方法などと合わせて切り分けます。

5. CDNを使う

CDN（コンテンツデリバリーネットワーク）は、世界中のサーバーに画像やCSS/JSのコピーを置き、訪問者に最も近いサーバーから配信する仕組みです。表示が速くなり、サーバー負荷も下がります。無料で導入できる Cloudflare などが代表的で、WAFやキャッシュ機能も併せて使えます。

6. データベースを最適化する

リビジョン・スパムコメント・期限切れのトランジェントなど、不要なデータが溜まるとDBが肥大化し遅くなります。WP-Optimize などのプラグインで定期的にクリーニングしましょう。

表示する記事を絞り込むクエリ自体を速くする方法（meta_query・tax_queryの最適化）は検索結果を高速化するカスタムクエリ最適化術を参照してください。

7. Lazy Load（遅延読み込み）を活用する

Lazy Loadは、画面に入ってから画像・動画を読み込む仕組みで、初回表示を軽くします。WordPress 5.5 以降は、画像に loading="lazy" が自動付与され、基本的なLazy Loadは標準で効いています。

細かく制御したい場合
ファーストビューの画像は遅延させない（即時表示する）など、より細かく制御したい場合はプラグインやコードで調整します。実装と注意点は画像をLazy Loadする方法｜パフォーマンス改善とSEO対策の両立で詳しく解説しています。

よくある質問（FAQ）

Qまず何から手を付けると効果が大きいですか？
Aまず PageSpeed Insights で計測し、指標の悪い部分から対応します。一般に効果が大きいのは①画像の最適化（WebP・サイズ縮小）②キャッシュ③不要プラグインの整理です。画像はページ容量の大半を占めることが多く、改善インパクトが大きい施策です。
QCore Web Vitals とは何を見ればよいですか？
ALCP（最大コンテンツの表示時間）・INP（操作への反応速度）・CLS（レイアウトのずれ）の3指標です。※以前の FID は2024年3月に INP へ置き換えられました。PageSpeed Insights や Search Console の「ウェブに関する主な指標」で確認できます。
Qプラグインを入れすぎると遅くなりますか？
A数そのものより各プラグインの処理の重さが影響します。使っていないものは停止・削除し、CSS/JSを多く読み込むプラグインは見直しましょう。レンダリングを妨げるJS/CSSの対処は表示速度を改善する方法が参考になります。

まとめ

高速化は「計測 → 効果の大きい施策から実施 → 再計測」の繰り返しです。次のチェックリストを上から順に進めましょう。

  • 計測：PageSpeed Insights で LCP・INP・CLS を確認
  • 画像：圧縮・WebP化・Lazy Load
  • キャッシュ：プラグイン or Cocoonの高速化設定
  • 整理：不要プラグインの削除・クエリ最適化
  • 基盤：PHP 8.x へ更新（互換性確認）・CDN・DB最適化

一度に全部やろうとせず、効果の大きいものから1つずつ、バックアップを取りながら進めるのが安全です。