PageSpeed Insightsでサイト表示スピードをチェック

Googleのツールで、PageSpeed Insightsを開くとこのページが表示されます。簡単にサイトの表示スピードをチェックする事が出来るので、是非お試しください。では、早速チェックしてみましょう

サイト表示スピード,pagespeed insights

PageSpeed Insightsを実際に使ってみよう

※ PageSpeed Insightsを使用してみた @

「ウェブページのURLを入力」の部分に調べたいURLを入力して、分析のボタンをクリックします。今回は私のこのサイトのURLを入力して分析してみましょう。

サイト表示スピード,pagespeed insights

 

 

※ PageSpeed Insightsを使用してみた A

はい、ちょっとヤバい状態ですという表示が出ました。赤い!マークは修正が必要という表示です。オレンジの!マークはまあまあ修正も考えましょうという表示ですね。私のサイトはモバイルもパソコンも赤で表示されてます(#^^#)

サイト表示スピード,pagespeed insights

 

※ PageSpeed Insightsを使用してみた B

上の画像の「ブラウザのキャッシュを活用する」をクリックするとこんな画面が表示されます。実際のサイト表示の遅れの原因はこれですと教えてくれています。
「画像を最適化する」も同じくクリックすると、同じような画像が表示されます

サイト表示スピード,pagespeed insights

 

PageSpeed Insightsで修正が必要が出たら

もし、私のこのサイトのように修正が必要とでたら、焦ることはないので、ブラウザでキャッシュされるように設定することと、画像のサイズを最適化していくように作業していきましょう。

 

PageSpeed Insightsはこちらをクリックするとご覧いただけます

 

次回は、「修正方法-ブラウザのキャッシュを活用する方法」をご紹介してまいりましょう