PageSpeed Insightsによるスマホ対策

PageSpeed Insightsを実際に活用する

PageSpeed Insightsとは、GoogleDevelopers内にあるサイト最適化ツールです。こちらは「SEO内部対策21:スマートフォンサイト作成【前編】」でも簡単にご案内しましたが、PCサイトの最適化のみならず、スマートフォンサイトにおいての改善点も具体的に挙げてくれることから、大変便利なツールのひとつです。

そして、今回は実際にサイトを最適化するうえで、どのような改善を必要としているかをこの便利な最適化ツールを使って分析していきたいと思います。下のスクリーンショットを参照ください。
サイト内でURLを入力し分析ボタンを押すと、このように結果が、点数で表示されます。ちなみにモバイルサイトとして85点はかなりの高得点となりますが、すでに概ね修正や調整を加えている状態です。

修正するうえでの観点

PageSpeedInsightでは、大きな括りとして次の観点からの改善を求められます。

1. 速度
2. ユーザーエクスペリエンス

それでは、この項目をさらに細分化した具体的施策を書いていきます。

速度について

• CSSの最適化
• JavaScriptの最適化
• 画像の最適化
• キャッシュの活用
• 圧縮を有効にする

等々……の改善を図ると点数が高くなります。

ユーザーエクスペリエンスについて

• ビューポートの設定
• コンテンツサイズの最適化
• フォントサイズの調整
• ボタン等のリンク間の距離や大きさ

等々……の改善を図ると高得点に繋がります。

>>次のページでは、実際の改善例を見ていきます。