ホーム ＞ ブログ ＞ Web保守・運用 ＞ 【2026年最新】WordPressの表示速度を改善する方法｜Core Web Vitals完全攻略でPageSpeedスコア90超を目指す
Web保守・運用

【2026年最新】WordPressの表示速度を改善する方法｜Core Web Vitals完全攻略でPageSpeedスコア90超を目指す

「うちのサイト、なんか表示が遅いんだけど……」——みなさん、自社サイトの表示速度をPageSpeed Insightsで測定したことはありますか？スコアが50以下のサイトは訪問者の40%以上が表示を待てずに離脱しているという調査結果があります。

結論から言うと、WordPressの表示速度はプラグインとサーバー設定の最適化だけでスコア90以上を達成可能です。しかも表示速度の改善は、SEO評価の向上、CVRの改善、ユーザー体験の大幅な向上という三重のメリットをもたらします。この記事では、2026年のCore Web Vitals基準に基づいた具体的な高速化手順を解説します。

Core Web Vitalsとは——Googleが求める表示品質の3基準

2026年版の3つの指標

指標 正式名称 測定内容 合格ライン SEOへの影響
LCP Largest Contentful Paint 最大コンテンツの表示完了時間 2.5秒以内 ◎（最重要）
INP Interaction to Next Paint ユーザー操作への応答速度 200ms以内 ○
CLS Cumulative Layout Shift レイアウトのズレ度合い 0.1以下 ○

💡 ポイント：2024年3月からFID（First Input Delay）がINP（Interaction to Next Paint）に置き換わりました。INPはFIDよりも厳密な指標で、ページ内の全操作の応答速度を評価します。以前はFIDをクリアしていたサイトでもINPでは不合格になるケースがあるため、再チェックが必要です。

なぜ表示速度がSEOに影響するのか

Googleは公式に「Core Web VitalsはランキングファクターのひとつだGO」と明言しています。実際のデータでも：

  • 表示速度が1秒遅くなるとCVRが7%低下
  • 表示速度が3秒を超えると訪問者の53%が離脱
  • モバイルのLCPが2.5秒以内のサイトは、遅いサイトに比べて平均24%多くページが閲覧される

まず現状を把握する——PageSpeed Insightsの使い方

記事イメージ

測定手順

  1. [PageSpeed Insights](https://pagespeed.web.dev/)にアクセス
  2. 自社サイトのURLを入力して「分析」
  3. モバイル・デスクトップそれぞれのスコアを確認
  4. 「改善できる項目」セクションの指示に従って対策

スコアの読み方

スコア 評価 アクション
90〜100 優秀（緑） 現状維持＋モニタリング
50〜89 改善の余地あり（オレンジ） この記事の施策を実行
0〜49 要改善（赤） 緊急対応が必要

⚠️ 重要：PageSpeed Insightsの「パフォーマンス」スコアだけでなく、その下に表示される「Core Web Vitals の評価」セクションを必ず確認してください。LCP、INP、CLSの3つすべてが合格（緑）でないと、Google検索でのSEO評価に悪影響が出る可能性があります。

改善施策①：画像の最適化（LCP改善に最も効果大）

記事イメージ

WordPressサイトが遅い原因の約60%は画像の最適化不足です。ここから着手するのが最も効率的です。

次世代フォーマット（WebP/AVIF）への自動変換

JPEGやPNGよりも25〜50%軽いWebP形式に変換するだけで、表示速度が大幅に改善します。

推奨プラグイン： EWWW Image Optimizer（無料版あり）

  • インストール→有効化→設定画面で「WebP変換」をON
  • 既存画像の一括変換も可能
  • アップロード時に自動で最適化

画像サイズの適正化

ブログ記事に使う画像は横幅1200px以内、ファイルサイズ100KB以下を目安にします。一眼レフやスマホで撮影した3,000px超の画像をそのままアップロードしている場合、それだけで表示が数秒遅くなります。

width・height属性の指定（CLS対策）

全ての タグに width と height 属性を明示的に指定します。これがないと、画像の読み込み時にレイアウトがガタッとずれる（CLS悪化）原因になります。

画像最適化チェックリスト

  • ✅ WebP形式に変換する（EWWW Image Optimizer等）
  • ✅ 1枚あたり100KB以下に圧縮する
  • ✅ 横幅を1200px以内にリサイズする
  • ✅ img タグに width / height を指定する
  • ✅ ファーストビューの画像には lazy loading を適用しない
  • ✅ ファーストビューの重要画像には fetchpriority=”high” を指定する

改善施策②：キャッシュの設定（全体速度の底上げ）

記事イメージ

キャッシュとは

キャッシュは、一度表示したページのデータをブラウザやサーバーに一時保存し、次回のアクセス時に再利用する仕組みです。これにより、2回目以降の表示速度が劇的に速くなります。

おすすめキャッシュプラグイン

プラグイン 特徴 費用 おすすめ度
WP Rocket 設定が簡単で効果が高い。CSS/JS最適化も一括 年$59 ◎（総合No.1）
LiteSpeed Cache LiteSpeedサーバーなら最速。設定項目が豊富 無料 ◎（LiteSpeed利用者）
W3 Total Cache 細かいカスタマイズが可能。上級者向け 無料 ○
WP Super Cache シンプルで軽量。初心者向け 無料 ○

✅ 僕のおすすめ：予算があるならWP Rocket（設定5分で効果大）、無料で済ませたいならLiteSpeed Cache（LiteSpeedサーバー利用時）またはWP Super Cache。キャッシュプラグインは1つだけインストールしてください。複数入れると競合してサイトが壊れる場合があります。

改善施策③：CSS/JavaScriptの最適化（INP改善）

不要なスクリプトの削減

WordPressのプラグインは、有効化するだけで独自のCSS/JavaScriptファイルを全ページに読み込みます。使っていないプラグインが5個あれば、それだけで5つの不要なファイルがページを重くしています。

CSS/JS最適化の3ステップ

  • Step 1：不要なプラグインを削除 → まずプラグインの数を最小限に
  • Step 2：CSS/JSの圧縮（Minify） → WP RocketまたはAutoptimizeで自動圧縮
  • Step 3：非重要JSのdefer/async読み込み → ページの初期表示をブロックしないように設定

フォントの最適化

Google Fontsを使用している場合、フォントファイルの読み込みがLCPを悪化させることがあります。対策として：

  • font-display: swap; を指定（フォント読み込み中はシステムフォントで代替表示）
  • 使用するフォントウェイトのみに限定（Regular + Boldの2つだけにする等）
  • 可能であれば、フォントファイルを自サーバーにホスティング（外部リソースの読み込みを削減）

改善施策④：サーバー環境の見直し

PHPバージョンの更新

PHP 7.x系を使っている場合、PHP 8.3にアップグレードするだけで処理速度が30〜40%向上します。

サーバーのスペック確認

安価な共有サーバーでは、他のユーザーの影響でレスポンスが遅くなることがあります。表示速度が改善しない場合、サーバーの移行も検討してください。

サーバー 月額費用 速度評価 おすすめポイント
エックスサーバー 990円〜 ◎ 国内最大手。安定性と速度のバランスが良い
ConoHa WING 678円〜 ◎ LiteSpeed Cache対応で高速
ロリポップ ハイスピード 550円〜 ○ 低コストで始めたい方
シン・レンタルサーバー 770円〜 ◎ エックスサーバーの高速版

改善施策⑤：CDNの導入

CDN（Content Delivery Network）とは

CDNは、サイトのコンテンツを世界中のサーバーに分散配置し、訪問者の最寄りのサーバーからコンテンツを配信する仕組みです。これにより、物理的な距離による遅延を最小化します。

Cloudflareの無料プラン

Cloudflareの無料プランは、CDN機能に加えてSSL、DDoS防御、WAF（簡易版）も提供しています。

💡 ポイント：Cloudflareの導入は、DNSの設定を変更するだけ。サーバーの引っ越しは不要です。設定後、LCPが0.5〜1秒改善するケースが多いです。無料プランで十分な効果があるため、導入しない理由がありません。

実践ロードマップ——優先順位付きの改善計画

すべてを同時に実施する必要はありません。以下の優先順位で進めてください。

優先度 施策 期待効果 所要時間
最優先 画像のWebP変換＋圧縮 LCPが1〜3秒改善 30分
最優先 キャッシュプラグインの導入 全体速度が30〜50%改善 15分
高 不要プラグインの削除 読み込むファイル数を削減 30分
高 PHP 8.3への更新 サーバー処理が30〜40%高速化 15分
中 CSS/JSの圧縮・遅延読み込み INPが50〜100ms改善 1時間
中 Cloudflare CDNの導入 LCPが0.5〜1秒改善 30分
低 サーバー移行 根本的な速度改善 数日

✅ 実例：僕が保守しているクライアントサイト（エックスサーバー/SWELL）で、上位4つの施策（画像最適化、キャッシュ、プラグイン整理、PHP更新）を実施。PageSpeedスコアがモバイル38→87、デスクトップ65→97に改善。所要時間は合計約2時間でした。

まとめ——表示速度はSEO・CVR・UXの「三方良し」施策

WordPress表示速度の改善は、SEO評価の向上、CVRの改善、ユーザー満足度の向上という3つのメリットを同時に実現できる、極めてROIの高い保守施策です。

今日から始める3つのアクション

  • ① PageSpeed Insightsで現状のスコアを測定する：まず数字を把握（3分で完了）
  • ② EWWW Image Optimizerを導入し、画像を一括WebP変換する：最も効果が大きい施策（30分）
  • ③ キャッシュプラグインを1つ導入して有効化する：WP Super Cacheなら無料で15分（15分）

この3つだけで、ほとんどのWordPressサイトはPageSpeedスコアが20〜30ポイント改善します。「サイトが遅い」と感じたら、まずは測定から始めてみてください。

サイト保守のご相談はこちら

「表示速度を改善したいけど技術的に難しい」「Core Web Vitalsで不合格が出ている」という方へ。
AcquaではWordPressサイトの高速化を含む保守サービスを月額プランで承っています。
お気軽にお問い合わせください。

無料で相談してみる →

この記事を書いた人：進藤 優介｜株式会社Acqua 代表取締役

飲食業界18年の実務経験を経て、Web制作・デジタルマーケティングの世界へ転身。2020年にAcquaを設立し、AI×Webの力で中小企業のビジネスを加速させることをミッションに、HP制作・LP制作からAI導入支援まで代表自らが伴走しています。

Webのお悩み、一緒に解決しませんか？

HP制作からAI導入まで、お気軽にご相談ください。

無料で相談する