ブログ運営

XアクセラレータVer.2導入でWordPress表示高速化!?

Xアクセラレータ

エックスサーバーでWordPressブログ運営をして2年目になりましたが、サイトの表示速度の高速化が課題です。

2020年5月のGoogleアップデートで、悲しいほどの順位ダウンとなってしまったため、表示速度の遅さも原因の一つかもしれないと、できるところから対応しています。

エックスサーバーではデフォルトでXアクセラレータのVer.1が設定されています。
今回はXアクセラレータをVer.2にすることで高速化が図れる、といわれていますが本当なのか検証してみました。

PageSpeed Insights で速度を検証した結果、
Xアクセラレータの設定をOFF
Xアクセラレータ Ver.1を導入
Xアクセラレータ Ver.2を導入

のそれぞれのパターンで、モバイル版とパソコン版で効果に違いがあることがわかりました。

実験結果をご紹介します。

Xアクセラレータの設定前の下準備

Xアクセラレータのバージョンアップの下準備として、以下の3つの作業を実施しました。

(1)設定を変更する前に、フルバックアップ

バックアップは、設定変更をしたり更新をする前には絶対必要です。

(2)WordPressを最新版5.4.1に更新

WordPressのバージョンが最新版になっていなかったため、最新版の5.4.1に更新しました。

(3)PHPをバージョンアップ

PHPのバージョンは最新版ではなく、推奨版の7.3.16に更新しました。

PHP7.2.29 ⇒ PHP7.3.16(推奨)

これによって、表示速度を改善する前段階の環境は以下のようになりました。

表示速度改善時の環境
サーバー  :エックスサーバー
プラン   :スタンダードプラン
テーマ   :JIN 2.460
WordPress :5.4.1
PHP : PHP 7.3.16(推奨版)

Xアクセラレータバージョンの変更方法

Xアクセラレータは、エックスサーバの提供している機能なので、サーバーパネルに接続して、変更します。

まず、エックスサーバーのサーバーパネルに接続し、「高速化」メニューの「Xアクセラレータ」を選択します。
エックスサーバパネル

複数ドメインがある場合は、どのドメインに対して設定を変更するかを選びます。
ドメインを選択

変更するバージョンにチェックを入れて、確認画面へ進みます。
バージョンを選択し確認画面へ

設定変更内容を確認したら、変更ボタンをクリックします。
変更ボタンをクリック

PageSpeed Insightsで速度の計測

表示速度はPageSpeed Insights(PSI)で計測しました。
計測したURLはブログのトップページです。

設定変更をする前の速度(Ver.1)

3月頃、モバイル版が50程度まで改善していたのですが、いつの間にか低速になってしまっていました。

モバイル速度変更前モバイル速度変更前(Ver.1)
パソコン速度設定前(Xer.1)パソコン速度設定前(Ver.1)

Ver.2に設定変更後

Ver.2に設定変更すると、モバイル版は多少速度アップ。PC版はかなり低下しました。

モバイル速度XVer.2モバイル速度XVer.2設定後
パソコン速度XVer.2設定後パソコン速度XVer.2設定後

念のためVer.1に戻してみる

再度Ver.1に戻してみます。するとモバイル版の速度が大幅UP。

モバイル速度XVer.1モバイル速度XVer.1
パソコン速度XVer.1パソコン速度XVer.1

いったんXアクセラレータをOFFに

わからなくなってきたので、いったんXアクセラレータを停止してみます。
すると、やはり速度が落ちました。

モバイル速度XアクセラレータOFFモバイル速度XアクセラレータOFF
パソコン速度設定OFFパソコン速度設定OFF

再びVer.1に戻してみた

再度Ver.1に戻すと、PC版は大幅アップ。モバイル版は戻りません。

モバイル速度XVer.1モバイル速度XアクセラレータVer.1
パソコン速度XVer.1パソコン速度XアクセラレータVer.1

Ver.2に再設定変更後

もう一度Ver.2を導入しています。すると、モバイル版が40まで改善。

モバイル速度XVer.2モバイル速度XVer.2設定後
パソコン速度XVer.2設定後パソコン速度XVer.2設定後

Xアクセラレータの設定変更は?

ここまで何度も計測しながら変更してみたので、計測値を表にしました。
濃いグレーはXアクセラレータOFF、薄いグレーがXアクセラレータVer.1です。

設定 モバイル版 パソコン版
Xアクセラレータ Ver.1 34 88
Xアクセラレータ Ver.2 40 76
Xアクセラレータ Ver.2 38 75
Xアクセラレータ OFF  33 72
Xアクセラレータ Ver.1 49 79
Xアクセラレータ Ver.2 48 76
Xアクセラレータ Ver.1 31 90
Xアクセラレータ Ver.2 36 76
Xアクセラレータ Ver.2 32 76
Xアクセラレータ Ver.2 35 78
Xアクセラレータ Ver.2 36 77

Xアクセラレータバージョン変更による速度検証のまとめ

Xアクセラレータのバージョン変更をしてみた結果の結論として、当サイトでは、

モバイル版は Ver.2のほうが若干速度が上がる
パソコン版は Ver.1のほうが早い

となりました。
当サイトへでは、モバイル版を優先してVer.2のままにすることにしました。

モバイルでの訪問者が8割以上を占める当サイトでは、モバイル版重視でVer.2を導入することにしましたが、パソコン版重視のサイトではVer.1のほうが良いケースがありそうですね。

今回の検証では、XアクセラレータをVer.2にアップした効果はさほど実感できなかったため、引き続き、画像の圧縮方法の見直しと、プラグインを精査して不要なものを停止または削除してみる予定です。


↑ブログランキングに参加中です
 応援していただけたら嬉しいです!

POSTED COMMENT

  1. 匿名 より:

    まさにこれを今考えているのですが、サイトスピードの指標があてにならないですね

    • 葉っぱ より:

      コメントをありがとうございます。
      思考錯誤したのですが、なかなか思い通りにならなかった記憶があります。
      サイトの高速化は難しいですね。

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です