【2026年版】WordPressをXserverで高速化する完全ガイド|表示崩れ・スコア低下の対策済

当ページのリンクには広告が含まれています。
xserver wordpress speed optimization 2026
🔧 インフラエンジニア歴12年(2026年時点)
🖥️ Xserverでブログ運用中
📝 Tech Otaku Lab運営

エックスサーバーのWordPress高速化は、Xアクセラレータ Ver.2 → XPageSpeed有効化 → キャッシュプラグイン無効化の3ステップが基本です。表示崩れが出たらXPageSpeedをOFFに戻し(公式の案内)、表示と数値を確かめながら進めます。

エックスサーバーでWordPressの表示速度を改善する方法を、Xアクセラレータ・XPageSpeedの設定からCore Web Vitals対策まで解説します。設定後の「表示崩れ」や「スコア低下」の原因と対処法もカバーしています。

「PageSpeed Insightsのスコアが上がらない」「高速化設定をONにしたらレイアウトが崩れた」——エックスサーバーの高速化機能は手軽に有効にできますが、サイトによっては表示が崩れることがあります。

この記事を読むと、エックスサーバーの高速化機能を確かめながら使い、Core Web Vitalsを改善する具体的な手順がわかります。

エックスサーバー

第5世代AMD EPYC・オールNVMeを採用(公式)。WordPress高速化の土台になるレンタルサーバー

目次

なぜXserverでWordPressを高速化するのか

検索順位に直結する「Core Web Vitals」の3つの指標

Googleはページエクスペリエンスの評価にCore Web Vitalsを採用しています。具体的には以下の3指標です。

指標 内容 良好な基準
LCP 最大コンテンツの描画時間 2.5秒以内
INP ユーザー操作への反応速度 200ms以内
CLS レイアウトのズレ量 0.1以下

特にLCPのボトルネックはサーバー応答速度(TTFB)です。WordPressのような動的CMSでは、PHPの処理速度とデータベースクエリの最適化がフロントエンドの改修以上に重要になります。

エックスサーバーのサーバー環境(2026年10月時点の公式)

エックスサーバーの公式サイトでは、サーバー環境を次のように説明しています。

エックスサーバーの技術基盤

・CPUに第5世代「AMD EPYC」、ストレージはすべてNVMe(RAID10構成)
・NVMe環境の読み込み速度は、従来のオールSSD環境と比べて最大約14倍(同社の2026年7月時点の自社調べ・fioによる試験)
・PHPを高速化する独自機能「Xアクセラレータ」(次の章)

サーバーの応答が遅いままだと、WordPress側のチューニングだけでは改善に限りがあります。まずサーバー側の高速化機能を有効にし、そのうえでテーマや画像、プラグインを見直すのが手戻りの少ない順番です。

【実践編】Xserverの高速化機能を完全設定する手順

「Xアクセラレータ」Ver.1とVer.2の違いと選び方

エックスサーバー独自のキャッシュ機能「Xアクセラレータ」には2つのバージョンがあります。

項目 Ver.1 Ver.2
キャッシュ対象 静的ファイルのみ(画像・CSS・JS) 静的ファイル+PHP処理
高速化効果 同時アクセス耐性向上 PHPの処理速度を最大20倍(WordPressは最大10倍・公式のApache Bench比較)
対応PHP — 7.2.x〜8.5.x(2026年10月時点)

基本的にはPHPの処理も高速化されるVer.2を推奨します。ただし、Ver.2の利用中は対象ドメインの「.user.ini」がphp.iniとして働き、php.iniの一部の項目が無効になります。有効にする前にバックアップを取り、使っている設定が影響を受けないかを確かめてください。

Xアクセラレータがキャッシュしない条件

「キャッシュで他人の情報が表示されないか?」については、公式マニュアルでキャッシュしない条件が決められています(主なもの)。会員ページやカートのあるサイトでは、有効にした後にログイン中と未ログインの両方で表示を確かめてください。

自動キャッシュ除外の仕組み

・キャッシュ保持時間は2分間のみ
・Set-Cookieヘッダ含有時は自動除外
・wordpress_logged_in等のCookie検出時も除外
・/wp-admin/へのアクセスは常にキャッシュ対象外

「XPageSpeed」によるフロントエンド最適化

サーバーパネルの「XPageSpeed設定」から対象ドメインを選び、変更ボタンをONにするだけで、CSS・JavaScriptの圧縮、最適な画像形式への変換と軽量化、同じ種類のファイルの結合、キャッシュ有効期間の延長などが自動で行われます(公式マニュアル)。

注意:XPageSpeedは万能ではない

公式マニュアルも、ブラウザやサイトの内容によっては表示が崩れるなど動作が変わる場合があり、その場合は機能を無効にするよう案内しています。一部の画像の画質が下がる場合や、CSS・JavaScript・画像の更新の反映に時間がかかる場合もあります。ONにした後は必ずサイトの表示を確認してください。

【警告と対策】表示崩れ・スコア低下のトラブルシューティング

XPageSpeedによるレイアウト崩れの原因と直し方

XPageSpeedを有効にした直後に「スライダーが動かない」「メニューが開かない」「デザインが崩れた」といった症状が出る場合、最適化の処理(CSS・JavaScriptの圧縮や結合など)がテーマのスクリプトと合っていない可能性があります。

1 サーバーパネルの「XPageSpeed設定」→対象ドメインを選択

サーバーパネルにログインし、設定画面を開きます。

2 対象ドメインの設定を「OFF」に戻す

XPageSpeedの設定はドメインごとのON/OFFで、CSSやJavaScriptの処理だけを個別に止める項目は公式マニュアルにはありません。表示が崩れたら、公式の案内どおり機能を無効にします。

3 表示が戻ったかを確かめ、軽量化は別の方法で行う

キャッシュの影響で、CSS・JavaScriptの変更の反映に時間がかかる場合があります(公式)。表示が戻ったら、画像の圧縮やファイルの縮小は、テーマの高速化機能や画像最適化プラグインなど、個別に止められる方法で行います。

Xアクセラレータ Ver.2でスコアが下がる矛盾の正体

「最大20倍速くなるはずがスコアが悪化した」という場合もあります。Ver.1でも静的ファイルのキャッシュは効くので、Ver.2で不具合が出る場合はVer.1に戻し、PHPまわりはテーマ側の高速化機能に任せるのが手堅い対処です。

キャッシュ系プラグインとの危険な競合

サーバー側のXアクセラレータとWordPress側のキャッシュプラグイン(W3 Total Cache、WP Super Cacheなど)を同時に使うと、キャッシュ層が二重になり古いコンテンツが表示され続けたり、サーバーエラーの原因になります。

鉄則:キャッシュプラグインを全て無効化してからサーバー側の設定を検証する

サーバー機能とプラグインの効果を切り分けてテストすることが、問題解決の最短ルートです。

Core Web Vitalsを改善するチューニング

LCP改善:画像ファイルの徹底圧縮

サーバー側の高速化を済ませたら、次に見直すのは大きな画像などのメディアファイルです。XPageSpeedの画像最適化またはWebP変換プラグインで、ファーストビューの画像サイズを徹底的に削減しましょう。

INP改善:重いサードパーティスクリプトの制御

INP悪化の最大原因はGoogleアナリティクス・AdSense等の外部スクリプトです。XPageSpeedを有効にしてからテーマの動きがおかしくなった場合は、XPageSpeedをOFFにし、テーマが持つJavaScriptの遅延読み込みなどの機能で代わりに対処しましょう。

CLS改善:レイアウトシフトの根本対策

CLSの主な原因は画像タグのwidth/height属性の未指定と広告枠のスペース未確保です。XPageSpeedを有効にしてからFOUC(スタイル適用前の一瞬のチラつき)が出る場合は、XPageSpeedをOFFにして比べてください。

設定や保守まで任せたいなら「XServer for WordPress」という選択肢

ここまでの高速化は、通常のエックスサーバー(レンタルサーバー)のサーバーパネルで自分で設定する方法です。設定のたびに表示を確かめ、プラグインやテーマを更新するたびに崩れていないかを見る手間がかかります。同じ会社が提供するXServer for WordPressは、セキュリティ対策・更新管理・バックアップ・復旧の支援・専門家のサポートを「まとめて引き受ける」ことを掲げたWordPress専用のサーバーです。

当サイトの立場

当サイトは通常のエックスサーバーで運営しており、XServer for WordPressは使っていません。以下は2026年10月3日時点の公式サイト(機能一覧・料金プラン)の情報をもとにした比較です。

XServer for WordPressで任せられること

XServer for WordPressの機能一覧にあり、通常のエックスサーバーの機能一覧には見当たらない項目は次のとおりです。

  • ステージング環境:サイトごとに1つ、本番とは別の検証用の環境を作り、確かめた内容を簡単な操作で本番へ同期できます。この記事で扱った「XPageSpeedを有効にしたら表示が崩れた」「プラグインを更新したら崩れた」といった失敗を、本番に出す前に試せます。
  • WPパネルでの一括管理:WordPress本体・プラグイン・テーマを一括でアップデートでき、プラグインやテーマの管理、管理者ユーザーの追加・編集、メンテナンスモードの設定もパネルから行えます。
  • セキュリティ対策の自動最適化:海外アクセス制限やログイン試行回数制限などのWordPress向けの対策をまとめて適用するモードがあり、セキュリティプラグイン「CloudSecure WP Security」も標準で使えます。
  • 手動バックアップ:毎日の自動バックアップ(過去14日分)に加えて、好きなタイミングでWordPressのバックアップを作れます(ベーシックは3個まで・30日保存)。
  • 死活監視アラート:サイトが落ちたときに、メールかSlackで通知を受け取れます。
  • WordPressの相談先:パーマリンクやテーマの変更方法といった基本操作の質問は、全プラン無料の標準サポートで受け付けています。トラブルの調査や作業の代行をする「WP専門家サポート」もあります(ベーシック・スタンダードは個別見積、プレミアムは月1回・エンタープライズは月3回まで無料。内容によっては有料)。WordPressのインストールや他社サーバーからの移転を代行する「設定おまかせサポート」は全プラン無料です(通常のエックスサーバーではスタンダード・プレミアムは有料)。

一方で、この記事で扱ったXアクセラレータのほか、HTTP/2・ブラウザキャッシュ設定、毎日の自動バックアップ(過去14日分)、WordPressリカバリーは、どちらのサービスの機能一覧にもあります。表示を速くする仕組みは共通で、違いは「自分で管理するか、管理の手間と相談先まで含めて任せるか」にあります。

料金とスペック(2026年10月3日時点・税込)

プラン 月額(36か月契約) 月額(3か月契約) 初期費用 vCPU/メモリ/容量 作れるサイト数
ベーシック 2,574円 3,432円 0円 8コア/12GB/500GB(NVMe) 最大8サイト
スタンダード 5,148円 6,864円 0円 10コア/16GB/700GB(NVMe) 最大10サイト

月額は契約期間分を1か月あたりに換算した金額で、支払いは契約期間分の一括前払いです。14日間の無料お試しがあります。より大きな仮想専用サーバー(プレミアム・エンタープライズ)は月額11,880円〜・初期費用17,600円です。

月額は通常のエックスサーバーより高く、公式もXServer for WordPressの共有サーバーを「コストを抑えつつ、複数のWordPressサイトを効率的に運営したい企業様向け」と位置づけています。どちらの料金も時期によってキャンペーンで変わるので、申し込む前に両方の公式の料金ページで最新の金額を確かめてください。

どちらが合うか

こんな人 合うサービス
サーバーの設定を自分で調べて試すより、記事づくりや本業に時間を使いたい XServer for WordPress
プラグインやテーマの更新で表示が崩れるのが不安で、本番の前に試せる環境がほしい XServer for WordPress
WordPressの困りごとを相談できる窓口がほしい/サイトが止まったらすぐ気づきたい XServer for WordPress
月額を抑えたい/この記事の手順のように、サーバーパネルの設定を自分で試せる 通常のエックスサーバー

当サイトのように個人で技術ブログを運営し、設定を自分で試すのが苦にならないなら、通常のエックスサーバーで足ります。反対に、WordPressの更新や表示崩れの対応に時間を取られている人や、仕事のサイトで「止めない・壊さない」ことを優先したい人には、XServer for WordPressの方が料金の差に見合います。迷うなら、14日間の無料お試しでWPパネルとステージング環境の使い勝手を確かめてから決めるのが確実です。

XServer for WordPress

ステージング環境・WordPressの一括管理・セキュリティ対策の自動最適化・WordPressの相談窓口をまとめたWordPress専用サーバー(14日間の無料お試しあり)

XServer for WordPressの料金と機能を公式サイトで見る※ 共有サーバーは初期費用0円・14日間の無料お試しあり

まとめ:Xserverのポテンシャルを最大限に引き出すために

エックスサーバーには、XアクセラレータとXPageSpeedというサーバー側の高速化機能があります。高速化の手順をまとめます。

1 Xアクセラレータ Ver.2を有効化

PHPの処理も高速化(公式は最大20倍・WordPressは最大10倍)。不具合が出ればVer.1に戻す。

2 XPageSpeedをONにし表示を確認

崩れたらXPageSpeedをOFFに戻し、軽量化はテーマやプラグインで行う。

3 キャッシュプラグインとの競合を排除

サーバー機能を優先し、WordPress側のキャッシュプラグインは無効化。

4 PageSpeed InsightsでCore Web Vitalsを定期計測

LCP・INP・CLSの3指標を監視し、自サイトに最適な設定を見つける。

どこまで改善するかはテーマ・画像・外部スクリプトによって変わるので、設定を変えるたびにPageSpeed Insightsで数値を確かめてください。

エックスサーバー

WordPressに強いレンタルサーバー。第5世代AMD EPYC・オールNVMeに、Xアクセラレータ・XPageSpeedの高速化機能つき(2026年10月時点の公式情報)

エックスサーバーの最新キャンペーンを確認する

※ 初期費用0円・10日間の無料お試しあり(契約期間は3ヶ月から)

XPageSpeedをONにしたらサイトが崩れました。どうすればいい?▼
公式マニュアルの案内どおり、サーバーパネルの「XPageSpeed設定」で対象ドメインをOFFに戻してください。XPageSpeedの設定はドメインごとのON/OFFで、CSSやJavaScriptの処理だけを止める項目はありません。表示が戻ったら、画像の圧縮などはテーマやプラグインで行います。
Xアクセラレータ Ver.1とVer.2はどちらを選ぶべき?▼
基本的にはPHP処理も高速化するVer.2を推奨します。ただし、Ver.2でPageSpeedスコアが低下したり不具合が出る場合は、Ver.1にダウングレードしてテーマ側の高速化機能を活用しましょう。
キャッシュプラグインとサーバーの高速化機能は併用できる?▼
キャッシュ層が二重になり、古いコンテンツの表示やサーバーエラーの原因になります。まずキャッシュプラグインを全て無効化した状態でサーバー側の設定効果を検証し、サーバー機能を優先するのが鉄則です。
Core Web Vitalsの改善で最も効果が大きい施策は?▼
LCPに最も影響するのはサーバー応答速度(TTFB)と画像サイズです。サーバー側でXアクセラレータを有効にして応答を速くし、画像をWebPなどの軽い形式に変換・圧縮するのが、手間に対して効果の大きい施策です。
XServer for WordPressと通常のエックスサーバーの違いは?▼
表示を速くする機能(Xアクセラレータ・HTTP/2・毎日の自動バックアップなど)は共通です。XServer for WordPressには、ステージング環境、WordPress本体・プラグイン・テーマの一括管理、セキュリティ対策の自動最適化、WordPressの基本操作の無料サポートなどが加わり、そのぶん月額は高くなります(2026年10月3日時点の公式情報)。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

ITインフラエンジニア歴12年、クラウド(AWSがメイン、一部Azure)の実務は4年目(いずれも2026年時点)。社会人向けの3DCGスクールを2026年9月に卒業。Windows 11 + RTX 4070 Ti SUPER の自宅環境で実際に手を動かしながら、インフラ・クラウド・AI・3DCGの技術記事を書いています。

コメント

コメントする

CAPTCHA


目次