エックスサーバーでWordPressブログ運営をして2年目になりましたが、サイトの表示速度の高速化が課題です。
2020年5月のGoogleアップデートで、悲しいほどの順位ダウンとなってしまったため、表示速度の遅さも原因の一つかもしれないと、できるところから対応しています。
エックスサーバーではデフォルトでXアクセラレータのVer.1が設定されています。
今回はXアクセラレータをVer.2にすることで高速化が図れる、といわれていますが本当なのか検証してみました。
PageSpeed Insights で速度を検証した結果、
Xアクセラレータの設定をOFF
Xアクセラレータ Ver.1を導入
Xアクセラレータ Ver.2を導入
のそれぞれのパターンで、モバイル版とパソコン版で効果に違いがあることがわかりました。
実験結果をご紹介します。
Contents
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程度まで改善していたのですが、いつの間にか低速になってしまっていました。
![モバイル速度変更前](https://libgreen43.com/wp-content/uploads/2020/05/9ab34e92f84739a80befa2fb88201e0a-300x274.jpg)
![パソコン速度設定前(Xer.1)](https://libgreen43.com/wp-content/uploads/2020/05/3866192c35125d1fcf3ec435c2ea0f46-300x267.jpg)
Ver.2に設定変更後
Ver.2に設定変更すると、モバイル版は多少速度アップ。PC版はかなり低下しました。
![モバイル速度XVer.2](https://libgreen43.com/wp-content/uploads/2020/05/a814283c4c0791c52a39e7685f955394-300x265.jpg)
![パソコン速度XVer.2設定後](https://libgreen43.com/wp-content/uploads/2020/05/fad9ebb0b10e70b64506303d86002419-300x268.jpg)
念のためVer.1に戻してみる
再度Ver.1に戻してみます。するとモバイル版の速度が大幅UP。
![モバイル速度XVer.1](https://libgreen43.com/wp-content/uploads/2020/05/3f5f1f59b486db1a48785e7873ab3244-300x262.jpg)
![パソコン速度XVer.1](https://libgreen43.com/wp-content/uploads/2020/05/9d8edfafe027f6567350fe7fde402250-300x260.jpg)
いったんXアクセラレータをOFFに
わからなくなってきたので、いったんXアクセラレータを停止してみます。
すると、やはり速度が落ちました。
![モバイル速度XアクセラレータOFF](https://libgreen43.com/wp-content/uploads/2020/05/92633f3488ec831925e76edd9507ba0c-300x258.jpg)
![パソコン速度設定OFF](https://libgreen43.com/wp-content/uploads/2020/05/c6a2f5305c928bef9658e064f211cd87-1-300x267.jpg)
再びVer.1に戻してみた
再度Ver.1に戻すと、PC版は大幅アップ。モバイル版は戻りません。
![モバイル速度XVer.1](https://libgreen43.com/wp-content/uploads/2020/05/37daccd8c1edaf94e8398a05732b433d-300x256.jpg)
![パソコン速度XVer.1](https://libgreen43.com/wp-content/uploads/2020/05/14524217ca243eff9c67b1483997efa1-300x256.jpg)
Ver.2に再設定変更後
もう一度Ver.2を導入しています。すると、モバイル版が40まで改善。
![モバイル速度XVer.2](https://libgreen43.com/wp-content/uploads/2020/05/a814283c4c0791c52a39e7685f955394-300x265.jpg)
![パソコン速度XVer.2設定後](https://libgreen43.com/wp-content/uploads/2020/05/fad9ebb0b10e70b64506303d86002419-300x268.jpg)
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にアップした効果はさほど実感できなかったため、引き続き、画像の圧縮方法の見直しと、プラグインを精査して不要なものを停止または削除してみる予定です。
まさにこれを今考えているのですが、サイトスピードの指標があてにならないですね
コメントをありがとうございます。
思考錯誤したのですが、なかなか思い通りにならなかった記憶があります。
サイトの高速化は難しいですね。