PageSpeed Insightsでアクセス速度を改善する
Google DevelopersツールでPageSpeed Insightsと言うツールがあります。
このツールは、ウェブサイトのパフォーマンス測定を行ってくれ、なおかつ、改善提案までしてくれる優れものです。検索順位に影響があるかどうかは分かりませんが、Googleが提供しているツールなので、改善提案されている内容は修正しておきたいところです。
残念ながら本サイトは、DreamHostの使い方を書いているにも関わらずXServer上で運営しているので、DreamHostユーザーには参考にならない。
そこで、別途、検証用で作成しているよく似たDreamHost向けのサイトがあるので、そのサイトを使用して検証してみたいと思います。そのウェブサイトは、
PageSpeed Insightsで測定してみた
早速、PageSpeed Insightsで測定してみました。結果は次の通りです。図は、クリックすると拡大できます。
[デスクトップＰＣ]
[モバイル]
それにしてもひどい結果です。
読み込み速度を表すポイントは、PCからアクセスした場合で58ポイント。モバイルに関しては、46ポイントです。85ポイント以上で早いと言われているので、この結果は相当読み込み速度が遅いことを意味します。
実際にアクセスしても体感できるほど遅いので、想定はしていましたが。。画像をふんだんに利用しているのも原因かと思います。
| PC | モバイル | |
|---|---|---|
| ポイント | 58 | 46 |
改善提案されている内容は、次の8つ。
- スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する
- サーバーの応答時間を短縮する
- 圧縮を有効にする
- 画像を最適化する
- ブラウザのキャッシュを活用する
- CSS を縮小する
- JavaScript を縮小する
- HTML を縮小する
これらを順番に改善していきたいと思います。
改善手順は別ページで記載致します。
