PageSpeedInsightsAPIを使用して、ページの最適化

経緯

ページの表示速度はgoogleさんの検索のランキングを決定する要因の一つだそうです。コンテンツの質や被リンクに比べると影響はあんまり大きいものではないそうですが、まぁ遅いサイトとか嫌ですし、できるだけ早くしたいですね。

Hugoは静的サイトなのでページ速度が相当速くなるので、ここには注目したいですね。

ページ速度の検証

では、どうやって自分のサイトの速度が速いのか遅いのか見極めることができるのでしょうか、Googleさんがツールを用意してくれています。 PageSpeedInsightsで検証します。

このサイトの検証結果は以下のような感じですね。

PCでは97というマックスが100なので、相当速いレスポンスのようですね。

モバイル版は71なので、ここも90になるようにすれば、なお良いみたいですね

ちなみに、移行前のはてなブログはこんな感じみたいですね、そう考えるとHugoに移行したかいはあったかもですね。

スマホ（モバイル）対応

MFI（モバイルファーストインデックス）に対応しているかどうか検証します。

Googleが提供しているツールで モバイルフレンドリーテストというものがあるので、それを使います。

一応できているみたいですね、Hugoすごい!!!

まとめ

今回はページの速度の検証方法とモバイル対応についての確認方法を紹介しました。