【SEO】PageSpeed Insightsって何？（気になって眠れないことはない）

こんにちはgreenです。Google Search Console（サチコ）のウェブに関する主な指標を確認すると、不良のURLがありました。
グーグルさんの評価は、あなたのサイトはユーザーが使い辛いので、改善してくださいということになります。

不良のURLがあると言われたので、気になって眠いよ😪

気になってただけで、良く寝てたばぶー👶

今回の記事では、不良のURL認定を受けた記事をPageSpeed Insightsで確認して、出来ればユーザエクスペリエンスの改善をしたいと思います。

この記事が、PageSpeed Insightsが気になる人、URLの読み込み時間が気になる人の参考になればと思います。

記事の内容は、PageSpeed Insightsの実行、分析結果の確認、最後にまとめを書きます。

PageSpeed Insightsの実行

サチコを使って不良のURLを確認します。ではレッツ、スタートです。

Google Search Consoleを開きます。
画面左のサイドメニューの[ウェブに関する主な指標]を選択します。
ウェブに関する主な指標として、上部にモバイル、下部にPCのグラフが表示されます。低速URLが22件あるPC版の[レポートを開く]を選択します。
PC版のウェブに関する主な指標のグラフと詳細が表示されますので、ステータスが不良となっている型を選択します。
すると選択した「ウェブに関する主な指標 > PC >LCP の問題: 4 秒超（パソコン）」の情報が表示されます。
さらにURLを選択すると、画面右に例の詳細が表示されますので、[PageSpeed Insights]を選択します。
選択したURLの分析結果が表示されます。

確認したいURLが分かっている場合は、PageSpeed InsightsのリンクからPageSpeed Insights（PSI）を開きURLを入力する方法でも大丈夫です。

あと、PSIのヘルプは上の操作６の画面上部にあるDOCSを選択すると、参照できるばぶー👶

PageSpeed Insightsの分析結果と操作方法を確認していきます。

さらに画面を少し下がると、フィールドデータとOrigin Summaryの項目が確認できます。
f:id:greenupf:20200530223435p:plain

Chrome ユーザーエクスペリエンスレポートのデータがあれば、フィールドデータに分析結果が表示されるようです。
しかし、私が分析で指定したURLはデータが十分ないようなので、Origin Summaryの項目として分析結果が表示されました。
参考）ウェブに関する主な指標の条件で確認すると👇

画面を少し下がるとラボデータが確認できます。

Lighthouse の分析結果を確認することができます。

フィールドデータとOrigin Summaryは、Chrome ユーザーエクスペリエンスレポートの分析結果。ラボデータはLighthouse の分析結果と分析したツールが違います。なぜ２つともいるのか分かりません🤔
画面右上の▢▢の右▢を選択すると、項目の説明が表示されます。
画面を少し下がると改善できる項目と診断が確認できます。

画面右のVを選択し、詳細を確認して改善を行います。
画面を少し下がり、合格した監査の画面右のVを選択します。