【XPageSpeed】エックスサーバー表示速度改善機能を設定する
エックスサーバーからGoogle PageSpeed Insightsのスコアを最大264％にアップさせる機能「XPageSpeed」の提供が開始されたので、早速使ってみることにします。
要するにページ表示速度が超上がる機能です。
いきなり実際の制作案件で使用するのは怖いので、まずは自分のサイトでテストしてみます。
XPageSpeed設定の手順
Xserverのサーバーパネルからログイン後「XPageSpeed設定」をクリック。
各項目を「ON」に選択して、「確認画面へ進む」ボタンを押します。
ここで注意書きが。画質が低下するとか、表示が崩れるとかいろいろ書かれているので、導入前にはテスト環境などでチェックしてからにしたほうが安全ですね。あと反映されるまで時間がかかる場合があるとも。
「XpageSpeedが完了しました。」と表示されたら終わりです。簡単です。
そしてサイトの表示を確認すると問題発生！JQueryで動きをつけているプログラムが動かなくなりました。これは大変。
最適化は問題ないので、気を取り直して設定を変えてみることに。「Javascript遅延読み込み」のみOFFにして設定し直します。順番が後ろに変更されるから、動かなくなってしまうのですね。
これで問題なくサイトが表示されるようになりました。
Google PageSpeed Insightsのスコアの結果
ビフォー。
アフター。
時間がかかるということなので１時間ほど待ってみましたが、それほどスコアは上がりませんでした。
このサイトは元々表示速度を上げようとあれこれ設定していたので変わりがなかったのかも。使用テーマはオリジナルですが、テーマごとの仕様もあるのでもう少し試してデータを取ってみないと分かりませんね。プラグインとの相性もありますし。
まとめ
というわけで、簡単に設定方法をお伝えしました。
表示速度についてはご覧のとおりデータ不足のため今のところなんとも言えませんので、少しずつ他のサイトもあわせて試してみたいと思います。
[公開日] 2022年9月2日 / [最終更新日] 2022年9月6日 / カテゴリー：WEBマーケティング
同じカテゴリーの記事
-
WordPressの画像をWebP(ウェッピー)に変換するプラグインWebサイトの表示速度を上げるため、画像をGoogleが推奨している画像形式「WebP（ウェッピー）」へ変換しました。初 [続きを読む]
-
初心者おすすめ！ドメイン・レンタルサーバー選び【WEBデザイナー厳選】独自でホームページを作るのに必要になるのが、ドメインとレンタルサーバーです。 たくさんの会社がありますが、なるべく利用者 [続きを読む]
-
ブログが続かない時のための書き続けるコツアクセスが多いブログサイトほどしっかり膨大な数と頻度で配信していますが、たいていの人は続かないことのほうが多かったりしま [続きを読む]
-
お問い合わせがしやすいメールフォームの作り方ホームページに設置する連絡先のお問い合わせフォームですが、ちょっとした作り方の違いでお問い合わせがきたり、残念ながらそう [続きを読む]
最新の投稿
2022年09月26日
2022年09月21日
2022年09月02日
2022年08月30日
2022年08月10日
カテゴリー
アーカイブ
