PageSpeed Insightsでアクセス速度を改善する


Google DevelopersツールでPageSpeed Insightsと言うツールがあります。

このツールは、ウェブサイトのパフォーマンス測定を行ってくれ、なおかつ、改善提案までしてくれる優れものです。検索順位に影響があるかどうかは分かりませんが、Googleが提供しているツールなので、改善提案されている内容は修正しておきたいところです。

残念ながら本サイトは、DreamHostの使い方を書いているにも関わらずXServer上で運営しているので、DreamHostユーザーには参考にならない。

そこで、別途、検証用で作成しているよく似たDreamHost向けのサイトがあるので、そのサイトを使用して検証してみたいと思います。そのウェブサイトは、

 DreamHost日本語ガイド

PageSpeed Insightsで測定してみた

早速、PageSpeed Insightsで測定してみました。結果は次の通りです。図は、クリックすると拡大できます。

[デスクトップPC]
PageSpeed1(before)
[モバイル]
PageSpeed2(before)


それにしてもひどい結果です。
読み込み速度を表すポイントは、PCからアクセスした場合で58ポイント。モバイルに関しては、46ポイントです。85ポイント以上で早いと言われているので、この結果は相当読み込み速度が遅いことを意味します。

実際にアクセスしても体感できるほど遅いので、想定はしていましたが。。画像をふんだんに利用しているのも原因かと思います。

PC モバイル
ポイント 58 46

改善提案されている内容は、次の8つ。

  • スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する
  • サーバーの応答時間を短縮する
  • 圧縮を有効にする
  • 画像を最適化する
  • ブラウザのキャッシュを活用する
  • CSS を縮小する
  • JavaScript を縮小する
  • HTML を縮小する

これらを順番に改善していきたいと思います。
改善手順は別ページで記載致します。

コメントを残す

*

このページの先頭へ