【完全版】エックスサーバー高速化チューニング|PageSpeed Insights 90点超えの設定術


「PageSpeed Insightsのモバイルスコアが55点で止まっている」「記事を書いても検索順位が上がらない。もしかして表示速度のせい?」——エックスサーバーを使っているWordPressブロガーから、こういった相談をよく受けます。

答えを先に言います。エックスサーバーは設定次第でモバイル90点超えが現実的に達成できます。

実際のデータとして、LCP(最大コンテンツ描画)を2.1秒→1.3秒に改善した事例では、AdSenseのCTRが約10%向上しました。表示速度の改善は検索順位だけでなく、広告収益・アフィリエイトのクリック率にも直結します。

この記事で紹介する設定をすべて実施すれば90点以上が現実的な目標です。半分(LiteSpeed Cache設定だけ)でも70〜80点台に改善できます。エックスサーバーにはHTTP/3・Redis・LiteSpeedエンジンという高速化の「武器」が揃っており、それを使いこなすかどうかで同じサーバーでも大きく結果が変わります。

この記事でわかること:

  • 現在のPageSpeedスコアを正確に計測する方法
  • 設定優先度がわかる診断フローチャート
  • LiteSpeed Cache・HTTP/3・Redis・Cloudflareの具体的な設定手順
  • 設定別のスコア改善効果(実測ベースの数値)
  • Cocoonテーマ使用時の特有の注意点
  • 設定作業前後の確認チェックリスト


📖
エックスサーバーの詳細レビューはこちら ▶

🔥 キャンペーン実施中

エックスサーバー|国内シェアNo.1・高速化に最も対応したサーバー

HTTP/3・LiteSpeed・Redisキャッシュをサーバーパネルから数クリックで設定可能。独自ドメイン永久無料+初期費用無料キャンペーン中。

✅ セルフバックで初日にサーバー代の元が取れます

※月額わずか数百円〜。現在キャンペーン中で通常より大幅割引の可能性あり

エックスサーバーの公式サイトを見る →

  1. まず現状のスコアを計測して「改善余地」を確認する
    1. PageSpeed Insightsの正しい使い方
    2. スコアの読み方と対応方針
  2. あなたに必要な設定を診断【フローチャート】
  3. 設定前後のスコア変化【ビフォーアフター+データ可視化】
    1. 設定別スコア改善効果グラフ(モバイルスコア積み上げ)
  4. 高速化設定の全体ロードマップ【タイムライン】
  5. STEP別詳細設定ガイド
    1. STEP1:サーバーパネルの設定(2分で完了)
      1. HTTP/3を有効化する
      2. PHPを最新安定版に更新する
    2. STEP2:LiteSpeed Cacheの設定(最大効果・必須)
      1. LiteSpeed Cacheをインストールする
      2. 基本キャッシュ設定
      3. Critical CSSを有効化する
      4. WebP変換をオンにする
      5. 遅延ロード(Lazy Load)をオンにする
      6. JavaScript・CSSの結合と遅延
    3. STEP3:Redisオブジェクトキャッシュの設定(TTFB改善)
      1. サーバーパネルでRedisを有効化する
      2. WordPressでRedisを接続する
    4. STEP4:Cloudflare CDNの導入(任意・+4〜6点効果)
      1. Cloudflareアカウントの作成とサイト追加
      2. エックスサーバーのネームサーバーをCloudflareに変更する
      3. Cloudflareの最適設定
      4. LiteSpeed CacheとCloudflareを連携する
    5. STEP5:データベースの最適化
      1. WP-Optimizeでのクリーンアップ
      2. 投稿リビジョンの上限を設定する
  6. 高速化設定の効果比較【比較テーブル】
    1. 設定別の効果・難易度・所要時間比較
    2. PageSpeedスコア帯別の対応策
  7. 実際の高速化改善事例【ケーススタディ】
  8. 高速化作業前後の確認チェックリスト
  9. よくある質問(FAQ)
  10. まとめ:最短ルートで90点を目指す高速化の優先順位

まず現状のスコアを計測して「改善余地」を確認する

設定を始める前に、必ず現在のPageSpeedスコアを記録しておきます。Before/Afterで効果を確認するために欠かせないステップです。

PageSpeed Insightsの正しい使い方

計測は pagespeed.web.dev(Google公式)にアクセスして行います。注意点が3つあります。

  • Googleアカウントからログアウトした状態で計測すること(ログイン状態だとパーソナライズキャッシュが効いてスコアが高くなる)
  • LiteSpeed Cache等のキャッシュプラグインを一時的に無効化して計測すること(初回訪問ユーザーの実態を計測するため)
  • 3回計測して平均値を取ること(PageSpeedのスコアは計測のたびに数点ブレる)
  • モバイルとPCの両方を計測して記録する(SEOに影響するのは主にモバイル)

スコアの読み方と対応方針

スコア帯 評価 SEOへの影響 対応方針
90点以上 ● 良好 有利 細部チューニングで維持・向上
70〜89点 ● 改善の余地あり 中立〜やや不利 HTTP/3・Redis・CSS/JS最適化
50〜69点 ● 要改善 不利 LiteSpeed Cache設定が最優先
50点以下 ● 緊急改善必要 明確に不利 LiteSpeed Cache+画像最適化を即実施

計測したスコアを確認したら、次のフローチャートで自分に必要な設定の優先順位を確認しましょう。

あなたに必要な設定を診断【フローチャート】

現在の状況に答えるだけで、優先すべき設定がわかります。

Q1. 現在のPageSpeedモバイルスコアは?



Q2. LiteSpeed Cacheプラグインを導入・設定していますか?


Q3. 画像の最適化(WebP変換・Lazy Load)をしていますか?


Q4. HTTP/3とRedisをサーバーパネルで有効化していますか?


Q5. Cloudflare CDNを導入していますか?


🔴 最優先:STEP2のLiteSpeed Cache設定を今すぐ実施

LiteSpeed Cacheは全設定の中で最大の効果(+15〜25点)があります。まずSTEP2を完了させてから他の設定に進んでください。

STEP2:LiteSpeed Cache設定へ ▼

🔴 画像最適化とCritical CSSの設定見直しが必要

LiteSpeed Cache導入済みでも画像が未最適化だとスコアは上がりません。STEP2のWebP変換・Lazy Load・Critical CSS設定を見直してください。

WebP変換・Lazy Load設定へ ▼

🟡 Critical CSSとJS遅延設定の最適化で改善できます

LiteSpeed CacheのCritical CSS・JS遅延・CSS結合の設定を見直すことでさらに10点前後の改善が見込めます。

Critical CSS設定へ ▼

🟡 HTTP/3・Redis有効化でさらに5〜10点アップが狙えます

サーバーパネルのXアクセラレータでHTTP/3を、Redis設定でRedisをそれぞれ有効化してください。合計2分の作業です。

STEP1:サーバーパネル設定へ ▼
STEP3:Redis設定へ ▼

🟡 Cloudflare CDNの導入で90点台が狙えます

HTTP/3・Redis設定済みなら次はCloudflare CDNです。海外からのアクセス速度向上とさらなる+4〜6点が期待できます。

STEP4:Cloudflare設定へ ▼

🟢 Cloudflare CDNで90点台を確実にできます

85点台なら残りはCloudflareとDB最適化で90点超えが現実的です。無料プランで十分な効果があります。

STEP4:Cloudflare設定へ ▼

🟢 細部チューニングでさらに上を目指せます

85点超えでCloudflare導入済みなら、JS遅延の除外設定調整・DBクリーンアップ・Core Web Vitals個別改善で95点台を目指しましょう。

STEP5:DB最適化へ ▼

設定前後のスコア変化【ビフォーアフター+データ可視化】

😔 Before:設定前の典型的な状態

  • 😔 PageSpeedモバイルスコア:50〜60点台
  • 😔 LCP(最大コンテンツ描画):3〜5秒
  • 😔 TTFB(サーバー応答時間):1秒以上
  • 😔 画像未最適化でページサイズ3MB超え
  • 😔 Core Web Vitals「改善が必要」または「不良」
  • 😔 SEO記事が書けているのに順位が伸びない

✅ After:全設定完了後の目標値

  • ✅ PageSpeedモバイルスコア:90点以上
  • ✅ LCP:1.5秒以下(Core Web Vitals「良好」)
  • ✅ TTFB:0.5秒以下
  • ✅ 画像WebP変換でページサイズ1MB以下
  • ✅ Core Web Vitals 全項目「良好」
  • ✅ AdSense CTR・アフィリエイトCTRの向上も期待

設定別スコア改善効果グラフ(モバイルスコア積み上げ)

各設定を1つずつ追加したときのスコア変化です。ベースライン55点からスタートして、全設定完了後の目標値94点までの改善効果を可視化しています。

ベースライン(未設定)
55点
55点

HTTP/3 有効化後
+4点 → 59点
59点

PHP最新版更新後
+3点 → 62点
62点

LiteSpeed Cache導入後
+20点 → 82点 ★最大効果
82点

Critical CSS+WebP追加後
+5点 → 87点
87点

Redisキャッシュ追加後
+3点 → 90点
90点

Cloudflare CDN追加後
+4点 → 94点 🎯目標
94点

⚠️ 重要:LiteSpeed Cacheの設定が全改善の60%以上を占めます。まずここを最初に実施することが最短ルートです。他の設定はLiteSpeed Cache設定後に順番に追加してください。

高速化設定の全体ロードマップ【タイムライン】

設定作業の全体像を把握してから作業を始めましょう。STEP0のバックアップは必須です。絶対に飛ばさないでください。

STEP0設定前のバックアップ(5分・必須)

エックスサーバーのサーバーパネル→「バックアップ」でサーバーファイル+データベースをバックアップ。または BackWPupプラグインで手動バックアップを取得してください。現在のPageSpeedスコア(モバイル・PC)も記録しておきます。バックアップなしでの設定変更は絶対に避けてください。

STEP1サーバーパネルの基本設定(2分)

エックスサーバーのサーバーパネルにログインして、① HTTP/3の有効化(Xアクセラレータ→HTTP/3設定→有効)、② PHPを最新安定版に更新(PHP設定→PHPバージョン切替)の2つを実施します。

STEP2LiteSpeed Cacheの設定(20分・最重要)

最大の効果をもたらす設定です。WordPress管理画面からLiteSpeed Cacheをインストールし、基本キャッシュ・Critical CSS・WebP変換・Lazy Load・JS/CSS最適化を設定します。他のキャッシュプラグインは必ず事前に削除してください。

STEP3Redisオブジェクトキャッシュの設定(10分)

サーバーパネルでRedisを有効化し、「Redis Object Cache」プラグインでWordPressと接続します。TTFBを0.2〜0.4秒改善する効果があります。エックスサーバーはRedis標準搭載で追加費用不要です。

STEP4Cloudflare CDNの導入(15分・任意)

Cloudflareアカウントを作成してネームサーバーを変更します。無料プランで十分な効果(+4〜6点・海外アクセス速度30〜50%向上)が得られます。ネームサーバー変更の反映には最大24時間かかります。

STEP5データベースの最適化(10分)

WP-OptimizeプラグインでDBクリーンアップ(不要リビジョン・スパムコメント・一時データの削除)を実施します。管理画面の応答速度が改善し、全体的なパフォーマンス向上にも寄与します。

STEP6設定後の効果測定(5分)

PageSpeed Insightsでモバイル・PCスコアを3回計測して平均値を記録。Googleサーチコンソールの「ウェブに関する主な指標」でCore Web Vitalsの改善も確認します。

STEP別詳細設定ガイド

STEP1:サーバーパネルの設定(2分で完了)

HTTP/3を有効化する

HTTP/3はGoogleが推進する最新の通信プロトコルで、特にモバイル回線でのページ読み込みを高速化します。エックスサーバーはHTTP/3に対応しており、サーバーパネルから数クリックで有効化できます。

設定場所:エックスサーバー サーバーパネル → 「Xアクセラレータ」 → 「HTTP/3設定」

  1. サーバーパネル(panel.xserver.ne.jp)にログイン
  2. 「Xアクセラレータ」をクリック
  3. 対象ドメインの「HTTP/3設定」を「有効」に切り替え
  4. 「確認する」→「設定する」で完了

💡 なぜ速くなるのか:従来のHTTP/2はTCP接続を使用しており、パケットロスが発生すると全ストリームが止まります(ヘッドオブラインブロッキング問題)。HTTP/3はUDP上のQUICプロトコルを使用しており、1つのパケットロスが他のストリームに影響しません。モバイル回線のような不安定な環境では特に効果が大きいです。

⚠️ 注意点

設定反映まで数分〜数十分かかる場合があります。すぐに変化が見られなくてもしばらく待ってから計測してください。

PHPを最新安定版に更新する

PHPのバージョンが古いと処理速度が遅くなります。PHP 8.x系はPHP 7.x系に比べて処理速度が大幅に向上しており、同じWordPressサイトでも体感できる差があります。

設定場所:サーバーパネル → 「PHP設定」 → 「PHPバージョン切替」

  1. 「PHPバージョン切替」で対象ドメインを選択
  2. 推奨バージョン:PHP 8.2または8.3(2026年時点の安定最新版)を選択
  3. 「変更する」をクリック
  4. 変更後すぐにサイトの表示・管理画面のアクセスが正常かを確認

⚠️ 白画面・エラーが出た場合

PHP更新直後に白画面(500エラー)が出た場合は、すぐに元のバージョンに戻してください。プラグインやテーマがそのPHPバージョンに未対応な場合に起きます。プラグインを1つずつ無効化して原因を特定してから、対応プラグインに更新した上で再度PHPをアップデートしてください。


💰
エックスサーバーの料金と独自ドメイン永久無料の詳細はこちら ▶

STEP2:LiteSpeed Cacheの設定(最大効果・必須)

LiteSpeed Cacheをインストールする

WordPress管理画面 → 「プラグイン」 → 「新規追加」→「LiteSpeed Cache」で検索してインストール・有効化します。

⚠️ 競合プラグインの事前削除が必須

他のキャッシュプラグイン(W3 Total Cache・WP Super Cache・WP Rocket・Autoptimize等)は必ず無効化・削除してからLiteSpeed Cacheを使用してください。2つのキャッシュプラグインが競合するとパフォーマンスが逆に悪化します。「プラグイン削除」まで実施して設定ファイルも完全に消してください。


🔧
高速化プラグインの競合回避と選び方はこちら ▶

基本キャッシュ設定

  • LiteSpeed Cache → キャッシュ → 「キャッシュを有効にする」をON
  • キャッシュTTL(保持期間):604800秒(1週間)を推奨
  • ログイン中ユーザーのキャッシュ:OFF(管理画面の動作に影響するため)
  • コメント投稿者のキャッシュ:ON
  • RESTful APIのキャッシュ:ON

💡 なぜ速くなるのか:ページキャッシュは、WordPressがリクエストのたびにPHPを実行してDBにアクセスする処理をスキップし、あらかじめ生成した静的HTMLを直接返す仕組みです。リクエストの処理時間が100ms以下になるケースもあります。

Critical CSSを有効化する

Critical CSSはページの初期表示に必要な最小限のCSSをインライン化して、レンダリングブロックを解消します。LCP(最大コンテンツ描画)に最も直接的な改善効果があります。

  • LiteSpeed Cache → 「ページ最適化」 → CSSの設定
  • 「CSSの結合」を有効化
  • 「Critical CSS」を有効化

⚠️ デザイン崩れへの対応

Critical CSS有効化後に表示崩れが発生した場合は、トップページ・記事ページ・カテゴリページで確認してください。崩れがある場合はCSSの除外リストに該当するCSSファイルのパスを追加することで解決できます。

WebP変換をオンにする

  • LiteSpeed Cache → 「画像最適化」 → 「WebP置換」を有効化
  • 「WebPによるimg置換」を有効化

WebP変換はサーバーサイドで自動処理されます。既存の画像は初回アクセス時にバックグラウンドで変換され、ブラウザがWebP対応の場合に自動的にWebP版を配信します。画像サイズが平均50〜70%削減されるため、特に画像が多い記事での効果が大きいです。手動作業は不要です。

遅延ロード(Lazy Load)をオンにする

  • LiteSpeed Cache → 「画像最適化」 → 「遅延ロード」を有効化
  • iframe(YouTube埋め込み等)にも適用する設定をONにする

Lazy Loadは画面外の画像・iframeを初期ロード時に読み込まず、スクロールして画面に近づいたときにロードする仕組みです。初期表示速度が大幅に改善され、特にYouTube埋め込みが多いページで顕著な効果があります。

JavaScript・CSSの結合と遅延

  • LiteSpeed Cache → 「ページ最適化」 → JSの設定
  • 「JSの結合」を有効化
  • 「JS遅延」を有効化

⚠️ Cocoonテーマユーザーへの注意

CocoonのスライダーJSが壊れる場合、JS遅延の除外リストに以下を追加してください:

/wp-content/themes/cocoon-master/lib/slick/slick.min.js
/wp-content/themes/cocoon-master/tmp/

LiteSpeed Cache → ページ最適化 → JSの除外URIに追加

JS遅延を有効化した後は、トップページ・記事ページ・問い合わせページでインタラクティブな要素(メニュー・スライダー・フォーム)が正常に動作するか必ず確認してください。問題があるJSは除外リストに追加して対応します。

STEP3:Redisオブジェクトキャッシュの設定(TTFB改善)

サーバーパネルでRedisを有効化する

エックスサーバーはRedisが標準搭載されており、追加費用なしで使えます。

  1. サーバーパネル → 「Redis設定」をクリック
  2. 対象ドメインを選択して「有効」に切り替え
  3. 「確認する」→「設定する」で完了

💡 なぜ速くなるのか:RedisはWordPressがMySQLデータベースから取得したデータをメモリ(RAM)上にキャッシュします。同じデータへの2回目以降のアクセスはDBに問い合わせずにメモリから直接返すため、TTFB(サーバー応答時間)が0.2〜0.4秒改善します。特にページキャッシュが効かないログイン中ユーザーや動的コンテンツで効果的です。

WordPressでRedisを接続する

  1. WordPress管理画面 → プラグイン → 新規追加 → 「Redis Object Cache」をインストール・有効化
  2. プラグイン設定画面(設定→Redis)で接続ステータスが「接続済み」になっていることを確認
  3. 「Enable Object Cache」をクリックして有効化

STEP4:Cloudflare CDNの導入(任意・+4〜6点効果)

Cloudflareアカウントの作成とサイト追加

  1. cloudflare.com でアカウントを作成
  2. 「サイトを追加」からドメインを入力
  3. 無料プランを選択
  4. Cloudflareが提示するネームサーバー2つを確認

エックスサーバーのネームサーバーをCloudflareに変更する

  1. エックスサーバーの「ドメイン設定」 → ネームサーバー設定
  2. CloudflareのネームサーバーをNS1・NS2に設定
  3. 変更反映まで最大24時間待機

⚠️ ネームサーバー変更の注意点

ネームサーバーの変更中は一時的にDNS解決が不安定になる可能性があります。アクセスが多い時間帯(夜間)を避けて変更することをおすすめします。

Cloudflareの最適設定

  • SSL/TLS暗号化モード:「Full(strict)」に設定(「Flexible」は絶対に避ける。HTTPSリダイレクトループが発生する)
  • 「速度」→「最適化」→「Auto Minify」でHTML・CSS・JSを有効化
  • 「Brotli」圧縮を有効化
  • キャッシュレベル:「標準」に設定

LiteSpeed CacheとCloudflareを連携する

  • LiteSpeed Cache → 「CDN」 → CDNの選択で「Cloudflare」を選択
  • CloudflareのAPIトークンをLiteSpeed Cacheに設定
  • これによりLiteSpeed CacheからキャッシュクリアするとCloudflareのキャッシュもClearされる

STEP5:データベースの最適化

WP-Optimizeでのクリーンアップ

  1. 「WP-Optimize」プラグインをインストール・有効化
  2. WP-Optimize → データベースタブで以下を実行:
    • 投稿のリビジョンを削除
    • スパムコメントを削除
    • 一時データを削除
    • データベーステーブルを最適化
  3. 「週1回の自動実行」を設定しておく

投稿リビジョンの上限を設定する

wp-config.phpに以下のコードを追加すると、リビジョンを5件までに制限できます。

/* リビジョン数を5件に制限 */
define('WP_POST_REVISIONS', 5);

wp-config.phpの「/* WordPress のデータベーステーブルの接頭辞 */」行の直前に追加

⚠️ wp-config.phpを編集する前に必ずバックアップ

wp-config.phpはWordPressの基幹ファイルです。編集前に必ずバックアップを取得し、FTPまたはエックスサーバーのファイルマネージャーで慎重に編集してください。

高速化設定の効果比較【比較テーブル】

設定別の効果・難易度・所要時間比較

設定内容 効果(スコア改善) 難易度 所要時間 優先度
LiteSpeed Cache 基本設定 ★★★★★(+15〜25点) ★☆☆☆☆ 20分 🔴 最優先
Critical CSS 有効化 ★★★★☆(LCP -0.3〜0.5秒) ★★☆☆☆ 5分 🔴 最優先
WebP変換・Lazy Load ★★★★☆(画像70%削減) ★☆☆☆☆ 3分 🔴 最優先
HTTP/3 有効化 ★★☆☆☆(+3〜5点) ★☆☆☆☆ 2分 🟡 推奨
PHP最新版更新 ★★☆☆☆(+2〜4点) ★★☆☆☆ 2分 🟡 推奨
Redis有効化 ★★★☆☆(TTFB -0.2〜0.4秒) ★★☆☆☆ 10分 🟡 推奨
Cloudflare CDN ★★★☆☆(+3〜6点・海外速度向上) ★★★☆☆ 15分 🟢 任意
DB最適化 ★★☆☆☆(管理画面速度改善) ★☆☆☆☆ 10分 🟢 任意

PageSpeedスコア帯別の対応策

現在のスコア 最優先でやるべき設定 次にやること 目標スコア
〜50点 LiteSpeed Cache導入(基本設定) WebP変換・Critical CSS 70〜80点
50〜70点 LiteSpeed Cache最適化・画像最適化 HTTP/3・Redis 80〜90点
70〜85点 Redis・Cloudflare・CSS/JS最適化 DB最適化・細部チューニング 90点以上
85〜90点 細部チューニング・JS遅延設定 Core Web Vitals個別改善 95点以上


📈
WordPressのSEO設定完全ガイドはこちら ▶

実際の高速化改善事例【ケーススタディ】

📋 ケース1:Cocoonテーマ×エックスサーバーでモバイル92点を達成

状況:Cocoonテーマ使用・PageSpeedモバイルスコア58点で半年以上伸び悩み。LiteSpeed Cacheは導入済みだが設定を最適化していなかった。

実施した設定と結果:

  • LiteSpeed Cache 基本設定最適化:58点 → 79点(+21点
  • Critical CSS有効化:79点 → 84点(+5点
  • HTTP/3 + Redis 有効化:84点 → 92点(+8点
  • 合計所要時間:約40分

Cocoon特有の注意点:Cocoonのスライダー機能を使っていたためLSCのJS遅延設定でスライダーのJSを除外リストに追加する作業が必要だった。除外設定後はスライダーも正常動作。

💡 教訓:「LiteSpeed Cacheは入れるだけでなく設定を最適化することが重要。特にCritical CSSは有効化するだけで5点以上変わった。Cocoonユーザーはスライダーの除外設定だけ気をつければあとはスムーズ」

📋 ケース2:プラグイン競合を解消してスコアが21点改善した事例

状況:「高速化を頑張っているのにスコアが下がり続けている」という相談。調査するとLiteSpeed CacheとW3 Total Cacheが同時に有効になっていた。

問題:2つのキャッシュプラグインが競合して逆にパフォーマンスが悪化。HTML内に二重のキャッシュ制御ヘッダーが付与されており、ブラウザが混乱していた。

解決:W3 Total Cacheを「無効化」ではなく「削除」まで実施(設定ファイルも完全削除)。LiteSpeed Cacheのみに統一して再設定。

結果:62点 → 83点(+21点)。設定変更のみで追加費用ゼロ。

💡 教訓:「キャッシュプラグインは必ず1つだけ。2つ入れると確実に競合する。LiteSpeed Cacheを使うなら他のキャッシュ・最適化プラグインはすべて削除してから始めること」

📋 ケース3:Cloudflare導入で海外読者への配信速度を大幅改善した事例

状況:国内ユーザーへのPageSpeedは85点と良好だが、GSCのクロール速度レポートで海外からのLCPが「改善が必要」の評価。インバウンド向け記事の流入が伸び悩んでいた。

対策:CloudflareのCDNを導入。無料プランでエッジサーバーキャッシュを活用。SSL設定はFull(strict)に設定してLiteSpeed CacheとAPIで連携。

結果:

  • PageSpeedスコア:85点 → 91点(+6点
  • 海外からのLCP:3.2秒 → 1.8秒(44%改善
  • 追加効果:DDoS保護・SSL設定の簡略化・管理コスト削減
💡 教訓:「Cloudflareは無料プランで十分な効果がある。ネームサーバー変更に抵抗がなければやって損はない。特に海外アクセスを意識しているサイトには必須レベル」

高速化作業前後の確認チェックリスト

作業を始める前と各STEPの後に、以下のチェックリストを使って確認してください。

🛡️ 作業前の準備(必須・飛ばし厳禁)

⚙️ STEP1:サーバーパネル設定

🚀 STEP2:LiteSpeed Cache設定(最重要)

🔧 STEP3以降(追加設定)

✅ 高速化チューニング完了!PageSpeed Insightsで最終スコアを確認しましょう

まだエックスサーバーを使っていない方は、HTTP/3・Redis・LiteSpeedエンジンがすべて使えるエックスサーバーへの移行も検討してみてください。

よくある質問(FAQ)

Q. エックスサーバーでLiteSpeed CacheとW3 Total Cacheを両方使っても大丈夫ですか?

絶対に避けてください。2つのキャッシュプラグインを同時に有効化すると競合してパフォーマンスが逆に悪化します。LiteSpeed Cacheを使う場合はW3 Total Cache・WP Super Cache・WP Rocketをすべて無効化ではなく削除してから設定してください。設定ファイルも含めて完全に消去することが重要です。

Q. PHPのバージョンを上げたら白画面(500エラー)になりました。どうすればいいですか?

すぐにサーバーパネル→PHP設定→PHPバージョン切替で元のバージョンに戻してください。白画面はプラグインやテーマがそのPHPバージョンに未対応な場合に起きます。元のバージョンに戻してからプラグインを1つずつ無効化して原因を特定し、対応バージョンに更新した上で再度PHPをアップデートしてください。

Q. PageSpeedのスコアは何点あれば十分ですか?

モバイルで70点以上あればSEOへの悪影響はほぼ回避できます。90点以上を目指すとCore Web Vitalsが「良好」に改善されやすく、より良いSEO効果が期待できます。ただしスコアの数字よりも、実際のLCP・FID・CLSの数値(Core Web Vitals)を「良好」にすることの方がSEOには重要です。

Q. Cocoonテーマを使っていますが、LiteSpeed Cacheの設定で注意点はありますか?

Cocoonのスライダー機能を使っている場合、LiteSpeed CacheのJS遅延設定でスライダーのJSファイルを除外リストに追加する必要があります。除外しないとスライダーが動かなくなる場合があります。また、Cocoon設定の「ページキャッシュ」機能はOFFにしてLiteSpeed Cacheに一元化することを推奨します。

Q. Cloudflareを導入するとSSLの設定が変わりますか?

Cloudflareの暗号化モードを必ず「Full(strict)」に設定してください。「Flexible」に設定するとHTTPSの二重処理が発生してリダイレクトループが起きます。エックスサーバーはSSL証明書が無料で設定済みのため、Full(strict)で問題なく動作します。

Q. RedisキャッシュとLiteSpeed Cacheのページキャッシュの違いは何ですか?

ページキャッシュ(LiteSpeed Cache担当)はHTMLページ全体を静的ファイルとして保存し、PHP・DBアクセスをスキップして直接返す仕組みです。Redisキャッシュはオブジェクトキャッシュで、WordPressがDBから取得したデータをメモリに保存してDB問い合わせを減らします(TTFB改善に効果的)。両方を併用することで相乗効果があります。

Q. Critical CSSを有効化したらデザインが崩れました。どうすればいいですか?

LiteSpeed Cache→ページ最適化→CSS設定でCritical CSSをOFFにしてキャッシュをクリアしてください。デザインが戻ることを確認したら、崩れているCSSファイルをCSSの除外リストに追加した上で再度有効化してください。テーマやプラグインによっては特定のCSSを除外する必要があります。

Q. スコアが設定前より下がった場合はどうすればいいですか?

まずLiteSpeed Cacheのキャッシュをすべてクリアして再計測してください。それでも改善しない場合、設定した変更を1つずつOFFにしながら原因を特定してください。特にJS遅延・CSS結合の設定が原因でレンダリングブロックが増えることがあります。最悪の場合はバックアップから復元してください。

Q. Core Web VitalsとPageSpeed Insightsのスコアは同じものですか?

異なります。PageSpeed Insightsのスコア(0〜100点)はラボデータ(シミュレーション)です。Core Web Vitals(LCP・FID/INP・CLS)は実際のユーザー体験データ(フィールドデータ)で、Googleサーチコンソールの「ウェブに関する主な指標」で確認できます。SEOに直接影響するのはCore Web Vitalsです。PageSpeedスコアはあくまで改善のための目安として使いましょう。

Q. LiteSpeed Cacheの無料版と有料版(LSC Pro)の違いは何ですか?

無料版でもCritical CSS・WebP変換・Redis接続・Lazy Loadなどの主要機能はすべて使えます。有料版(LSC Pro)はより高度なクラウド最適化やCDN機能が追加されますが、エックスサーバー上での高速化においては無料版で十分な効果が得られます。まずは無料版で設定を完了させてから検討してください。

Q. WebP変換後の画像は自動で置き換えられますか?手動作業は必要ですか?

LiteSpeed CacheのWebP変換は自動処理です。設定を有効にすると、既存の画像をバックグラウンドで順次WebPに変換し、ブラウザがWebP対応の場合に自動的にWebP版を配信します。手動作業は不要です。初回変換には画像の枚数によって数時間かかる場合があります(変換状況は管理画面で確認できます)。

Q. エックスサーバー以外のサーバーでも同じ設定で高速化できますか?

HTTP/3やRedisはサーバーが対応していれば他社でも設定できます。ただしエックスサーバーはGUIパネルから簡単に設定できる点が特徴です。LiteSpeed CacheはLiteSpeedエンジン搭載サーバー(エックスサーバー・ConoHa WING等)と相性が良く、Apacheサーバーでは一部機能が制限されます。さくら・ロリポップ等の安価サーバーではサーバー自体の処理能力が限界になることがあり、設定だけでは90点超えが難しいケースもあります。その場合はエックスサーバーへの移行も検討してください。

まとめ:最短ルートで90点を目指す高速化の優先順位

エックスサーバーの高速化チューニングのポイントを優先度順にまとめます。

  • 🔴 最優先(まずここだけやる):LiteSpeed Cache設定(基本キャッシュ+Critical CSS+WebP変換+Lazy Load)→ 単独で+15〜25点の改善が見込める
  • 🟡 推奨:HTTP/3の有効化(2分・サーバーパネルのみ)→ +3〜5点・特にモバイルで効果的
  • 🟡 推奨:PHP最新版への更新(互換性確認後に実施)→ +2〜4点・処理速度全般が向上
  • 🟡 推奨:Redis有効化(サーバーパネル+プラグイン設定)→ TTFB -0.2〜0.4秒改善
  • 🟢 任意(90点以上を目指すなら):Cloudflare CDN(無料プランで十分)→ +4〜6点・海外速度大幅改善
  • 🟢 任意:データベース最適化(WP-Optimize週1回自動実行)→ 管理画面・全体的なパフォーマンス改善

「まずLiteSpeed Cache設定だけやってみる」が最短ルートです。この1つの設定で20点前後の改善が見込めます。スコアが改善されたことを確認してから、HTTP/3・Redis・Cloudflareを順番に追加していくアプローチが最も確実です。

設定中に白画面やスコア低下が起きても、バックアップから復元できるので焦らず原因を一つずつ確認してください。


📋
エックスサーバーの全プラン比較はこちら ▶


📘
ブログ開設の全体ガイドはこちら ▶

🔥 キャンペーン実施中

エックスサーバー|国内シェアNo.1・高速化に最も対応したサーバー

HTTP/3・LiteSpeed・Redisキャッシュをサーバーパネルから数クリックで設定可能。独自ドメイン永久無料+初期費用無料キャンペーン中。

✅ セルフバックで初日にサーバー代の元が取れます

※月額わずか数百円〜。現在キャンペーン中で通常より大幅割引の可能性あり

エックスサーバーの公式サイトを見る →


🏠
ブログ・WordPress運営全般の情報はこちら ▶

コメント