![](https://xn--u8ji8cwimisenhof.com/wp-content/uploads/2019/01/Group.jpg)
『PageSpeed Insightsとは?Googleの速度計測ツールとはわかるけど、どうやったらスコア100点が取れるの?使い方や高得点のコツが知りたい』といった疑問を解決します。
この記事を読むと以下の疑問が解決します。
- PageSpeed Insightsとは?
- PageSpeed Insightsの使い方と高得点【100点】のコツ
- どうしてもPageSpeed Insightsで高スコアが取れない場合の改善方法
それでは見ていきましょう。
PageSpeed Insightsとは?
ウェブページの読み込み時間を計測するGoogle公式のツールです。
URLを入力して、[分析]をクリックするだけで計測できます。
スコアは「Good」「Medium」「Low」に分類されています。
- 90–100「Good」
- 50–89「Medium」
- 0–49「Low」
詳細は以下のヘルプ記事で確認できます。
![](https://www.gstatic.com/devrel-devsite/prod/ve6d23e3d09b80ebb8aa912b18630ed278e1629b97aee6522ea53593a0024d951/developers/images/opengraph/google-blue.png)
ちなみに、この「からくちコメント」はパソコン表示で100点です。
モバイルだけ遅いけど、スコアは高くグリーンだから気にしていません。
PageSpeed Insightsの使い方と高得点【100点】のコツ
PageSpeed Insightsの高得点【100点】のコツ
結論から言うと、PageSpeed Insightsの点数を上げたいなら、通常のウェブサイトの場合、まずは最低でも以下の3点をクリアすることです。
- ワードプレスなら良いテーマを使う
- 通常のサイトなら軽いテンプレートを使う
- 高速なレンタルサーバーを使う
ワードプレスなら良いテーマを使う
まずは100点が取れるワードプレスのテーマを使うことです。
ではどうすればいいのでしょうか?
具体的には、わたしのブログで使っているCocoonを使うといいでしょう。
無料なのに更新も素早く、SEO対策もバッチリです。
特にアフィリエイトサイトに特化しているので、これからアフィリエイトを始める人にもおすすめです。
![](https://xn--u8ji8cwimisenhof.com/wp-content/uploads/2020/03/ON40S60-160x90.jpg)
通常のサイトなら軽いテンプレートを使う
軽いテンプレートとは具体的には以下です。
![](https://template-party.com/images/og-image.jpg)
無料で使えるのに最低限のSEO対策もされているためおすすめです。
現在、お客さんのウェブサイトを開発しているエンジニアの方もソースを見てみてください。
これだけ軽くすれば、PageSpeed Insightsで100点を取ることができます。
高速なレンタルサーバーを使う
どんなに軽いテンプレートやテーマを利用しても、使っているサーバーの反応が遅ければどうにもなりません。
PageSpeed Insightsで100点を出したいなら、レンタルサーバーは以下がおすすめです。
わたしも長い間ブログやアフィリエイトサイトを運営していて、コアサーバーロリポップも使ってみましたが、一番高速なサーバーは間違えなくエックスサーバーです。
アフィリエイトOKでおすすめのブログサイト比較【2020年】にも書いていますが、有名アフィリエイターや有名ブロガーはみんなエックスサーバーを利用しています。
試しに検索上位に来ているアフィリエイトサイトやブログを以下のSEOツールで確認してみてください。
![](https://seocheki.net/image/title2.gif)
ほらね。
PageSpeed Insightsの使い方や見方
PageSpeed InsightsはURLをコピペして、[分析]をクリックするだけで利用できます。
分析が終わったら「改善できる項目」を確認してください。
以下の3つは画像についてです。
- 次世代フォーマットでの画像の配信
- オフスクリーン画像の遅延読み込み
- 効率的な画像フォーマット
PageSpeed Insightsは画像を極限まで圧縮するか、極端に言えば画像を使わなければ100点を取ることができます。
次世代フォーマットでの画像の配信
JPEG 2000、JPEG XR、およびWebPは、これまでのJPEGおよびPNGの同等の画像と比較して、優れた圧縮および品質特性を備えた画像フォーマットです。
画像をJPEGやPNGではなく、上記の形式でエンコードすると、読み込みが速くなり、消費するスマホのギガも少なくなります。
WebPはChromeとOperaでサポートされています。
何が言いたいのかいというと、画像はすべてWebPに最適化しなさいということです。
変換は以下でできます。
オフスクリーン画像を延期する
lazysizesスクリプトをページに追加するとこのメッセージが出なくなります。
lazysizesの詳しい使い方は以下が分かりやすいと思います。
![](https://wemo.tech/wp-content/uploads/2017/05/lazysizes.jpg)
ただし、Cocoonを利用している場合は、lazysizesをテーマ側で有効にして最適化できます。
画像を効率的にエンコード
このメッセージも画像をすべてWebPに変換することで解消するでしょう。
これだけでもかなり効果があります。
どうしてもPageSpeed Insightsで高スコアが取れない場合の改善方法
最後に、これらの手順を試してもPageSpeed Insightsで計測して明らかに0–49「Low」になる場合は、サイトに異常やエラーが出ている可能性が高いです。
ワードプレスなら一度テーマを変更して、1から作り直してみたり、htmlならテンプレートを完全に変更してみたりすると改善することが多いので試してみてください。
![](https://xn--u8ji8cwimisenhof.com/wp-content/themes/cocoon-master/images/doya-man.png)
それにしても、超有名ブロガーのマナブログのサイトは明らかに0–49「Low」だけど、上位に表示されているから、ぶっちゃけると、SEO対策としてはあまり気にしなくてもいいのかもね。バッサリ