PageSpeed Insights 対策まとめ

最終更新日:2020年01月11日公開日:2020年1月11日 2020年01月

PageSpeed Insights の改善のための対策はほぼ完了したので，この辺でまとめておきます．
(と言っても，必要に応じて随時内容は更新しています．)

恐らく，このページはホームページの制作業者やデザイナーがアクセスされることが多いと思います．
ある程度の玄人向けに書いており，何の知識もない方にとっては難しい内容になっているかもしれません．

そのため，企業のホームページ担当者だけでなく，デザイナーの方もご相談あれば，下のフォームからお問い合わせください．

サイトテーマを高速化するサービスも場合によっては受けることが可能です．
WordPress で作られたサイトも作られていないサイトも WordPress 化することも可能です．
弊社は制作業者ではありませんが，状況によってはお受けします．

自分で全部対策が出来れば無料で高速化することが出来ます．
弊社のように WordPress を使っても 100点を取ることは可能です．
少し自分で勉強する必要はありますが，多少努力すれば高速化が出来るように書いています．

誤解される人が多いので最初にも書いておきますが，PageSpeed Insights が 100点だったとしても，検索順位が 1 位になるわけではありません．
あくまでもコンテンツが重要です．(弊社はコンテンツのアドバイスもしています．)
ただ，PageSpeed Insights の点数が悪いと損をすることがあるので，コンテンツ以外で技術的に対策できるところはやっておくべきだということを言ってます．
快適にページを読めるに越したことはないからです．

1. PageSpeed Insights の始まり
2. PageSpeed Insights とは
3. PageSpeed Insights 対策
4. 各項目への対策
5. Lighthouse という便利ツール
6. PageSpeed Insights 対策まとめのFAQ

PageSpeed Insights の始まり

PageSpeed Insight の情報が増えたそもそもの始まりは，サーチコンソールで「速度（試験運用版）」というページが表示されるようになったことである．

「速度（試験運用版）」は実際に Chrome で接続している人々のスピードを集計して出しているらしい．

それに対して，PageSpeed Insights は時間帯によって点数が変わったりするので，再現性は完全にはないが，警告に関してはサーバーのスピードには関係なく評価してくれる．

よって，少なくとも警告は出ないような状態にするのが望ましい．

PageSpeed Insights とは

(2022/10 追記)
その後，サーチコンソールではなく，PageSpeed Insights 自体に「実際のユーザーの環境で評価する」という項目が現れて，これが実際に接続している人々のスピードを集計している．

PageSpeed Insights の説明は Google の PageSpeed Insights API についてをみればよい．

誤解を恐れず，簡単にいうと「User Experience の改善をしてほしい」というのが Google の考えであり，それはつまり「閲覧者が快適にホームページを見ることが出来る」ようにしなさいということ．

だから各評価項目は，遅かったらダメとか，開いている途中でレイアウトが変わって間違ってリンクを押さないようにとか，そういう項目で出来ている．

ページに応じて具体的に指摘してくれるというのは親切だ．
点数で評価されるので分かりやすい．

ここのところ，また内容が変わった．(2022/10)
「ユーザー補助」「おすすめの方法」「SEO」という項目が増えたのでまた新たに対応する必要が出てきた．

もともと，このページの下でも言及していて，いつの間にか開発者ツールでも使えるようになっている Lighthouse (PageSpeed Insights の元ネタともいえるもの)という拡張機能には存在していた項目だったが，これが PageSpeed Insights でも表示されるようになった．つまり，「これも見てね」と Google が言い始めたということ．