【最新版】Google Speed Insightsの使い方を解説！ページの表示スピードを上げよう

Google Speed Insightsの概要

ここでは、Google Speed Insightsの基礎知識について解説しつつ、Google Speed Insightsでできることについてご説明します。

Google Speed Insightsとは？

Google Speed Insightsとは、ページの読み込みスピードを向上させるための施策がわかるツールです。

PCとモバイル両方の表示速度に対応しており、それぞれにページ速度の点数がつきます。また、PCとモバイルそれぞれに、ページスピードをアップさせるための提案が出される仕組みとなっており、それぞれの最適な対応策を調査することが可能です。

Google Speed Insightsでできること

Google Speed Insightsでは、自社の表示スピードを分析、改善することができます。

検索エンジンでNo.1のシェアを誇るGoogleも、「ページスピードはSEOに影響する」と発表しています。つまり、Google Speed Insightsを利用してページスピードを改善することで、Webサイト全体でSEOに良い影響をもたらします。

Google Speed Insightsの見方

ここでは、Google Speed Insightsを使用する際にチェックしておきたい3つのポイントについてご紹介します。

• 表示速度スコアと配点
フィールドデータ
• ラボデータ

それぞれ順番に見ていきましょう。

表示速度スコアと配点

Google Speed Insightsでは、0〜100ポイントの範囲のスコアで採点されます。85ポイント以上は高評価となるため、85ポイント以上を目指して、Google Speed Insightsの各項目を最適化することが必要です。

フィールドデータ

まず、Google Speed Insightsを使用すれば、分析するサイト内の全ページの速度を分析することができます。85ポイント以上のページは評価が高いため、あまり改善する必要はありません。

しかし、85点未満のページについては、画像が重すぎる・サーバーとうまく連携できていないなどの改善点がある傾向にあります。

そこで参考になるのがフィールドデータです。Google Speed Insightsのフィールドデータでは、様々な環境のユーザーのデータを集計し、28日間の累計データが表示されます。

つまり、改善するべき点を洗い出し、28日間ごとに表示速度のチェックを行うことで、改善のための施策が適切であったかを判断できます。もちろん、28日ごとでなくとも、改善の施策を行った際には必ずチェックを怠らないようにしましょう。

ラボデータ

ラボデータでは、速度インデックスなどのチェック項目が色付けされた表を確認することができます。

• 緑マーク：速い
• オレンジマーク：普通
• 赤マーク：遅い

上記3種類に色分けされるため、ひと目で改善点が分かります。赤マークのついた項目から改善し、すべてが緑マークとなるように改善することが重要です。

Google Speed Insightsの各項目を最適化する7つの方法

ここでは、Google Speed Insightsそれぞれの項目を最適化する方法を7つご紹介します。

• 画像の最適化
• 表示可能コンテンツの優先順位を決める
• リンク先のリダイレクトを使用しない
• サーバーが早く応答するよう設定
• 圧縮を有効にする
• ブラウザのキャッシュを有効にする
• JavaScript/CSS/HTML を縮小する

それぞれの方法を1つずつ解説していきます。

画像の最適化　

コンテンツのページ内にある画像が、最適化されているかどうかが評価項目となります。

• 最適化されたリソースのダウンロード
• 画像圧縮ツール
• デスクトップツール
• タスクランナー

上記4つの方法で最適化を図ります。

画像の最適化には、無料で使用できる画像圧縮ツールが有用です。Optimizillaなどを状況に応じて使いわけられることに加えて、「jpeg」などの比較的サイズの軽い形式に変換することもできます。

また、デスクトップツールを使用しての画像圧縮も可能です。Windows PCを使用されている場合は「Caesium」がおすすめであり、Macを使用されている場合は「ImageOptim」などが代表的なものとなります。

表示可能コンテンツの優先順位を決める

ファーストビューを表示するためのデータ量が大きすぎると評価が下がります。メインとなる情報のカラムを優先することが大切です。

リンク先のリダイレクトを使用しない

必要以上にリダイレクトが設定されていないかを確認しましょう。サイトを移転する際や、URLの変更などで、リダイレクトが複数設定されている場合があります。

不要なリダイレクトは表示速度の低下に繋がってしまうため、上述のようにサイトの移転やURLの変更時のみなど、リダイレクトは必要最低限の場面でのみ使用するようにしましょう。

サーバーが早く応答するよう設定する

Google Speed Insightsでは、サーバーがHTMLを読み込むのに必要な時間も評価されます。サーバーの応答速度は、Googleは0.2秒以内、LightHouseでは0.6秒以内が推奨されています。

実際のところ、サーバーの応答が遅くなる原因は様々であり、知見がない方が改善をするのは困難であることも事実です。

従って、まずは他の項目を最適化することから始めましょう。そこから、サーバーの応答設定を速めることが必要であると判断した場合は、エンジニア等に相談してみることをおすすめします。

圧縮を有効にする

Google Speed Insightsでは、Webサーバー上で、HTMやCSSなどのリソースが圧縮されているかも評価される項目となります。ここでの注意点として理解しておくべきことは、サーバの表示速度を最適化したとしても、サーバーによっては逆にスピードダウンしてしまう場合があることです。

サーバー周りに詳しいエンジニアとしての知見がある方の力を借りる必要があるため、こちらも実装する際は必ずエンジニアに相談するようにしましょう。

ブラウザのキャッシュを有効にする

サーバー側で、ブラウザのキャッシュ期間がはっきり設定されているかも評価対象となります。ブラウザのキャッシュを有効にするには、サーバーで「Expires」を設定することで修正が可能になります。

JavaScript/CSS/HTML を縮小する

余計なスペースや改行を減らすことが、JavaScript/CSS/HTMLの縮小に繋がり、評価の向上となります。ここでは4つの方法をご紹介します。

• 最適化されたリソースのダウンロード
• 縮小ツールを使用する
• プラグインの導入

「画像の最適化」と同様に、リソースのダウンロードをするのが最も簡単です。また、HTML Minifierなどの縮小ツールを使用すれば、手間をかけずに圧縮することができます。

まとめ：WEBサイト表示高速化のサポートを承ります

本記事では、Google Speed Insightsの使い方や、各項目を最大化する方法を解説してきました。SEO対策を万全の状態に仕上げるためにも、サイトの表示スピードをUPさせることは非常に重要です。

まずは、本記事でご紹介したGoogle Speed Insightsの使い方を理解し、効果的にサイト分析ができるようにしましょう。

しかし、Google Speed Insightsを使用しても、「何から始めて良いのかわからない」などの悩みを抱える方は多いのではないでしょうか。また、サーバー周りを改善する必要もあり、万が一のことを考えると、なかなか改善に手を出せない方と悩まれている方も多いかと思います。

弊社では、「WEBサイト表示スピード最適化」のサービスをご用意しています。詳細かつ網羅的なチェックを行い、施策に関するアドバイスをご提供しています。

まずは、下記のページから無料で資料をダウンロードしてみてはいかがでしょうか。

【無料】資料請求＆お申し込みはこちら