Google：CLSはページのライフサイクル全体を通して測定されます
Google：CLSはページのライフサイクル全体を通して測定されます
【Google翻訳】
Google：CLSはページのライフサイクル全体を通して測定されます来年リリースされるGoogleの新しいランキングアルゴリズムであるPage Experience Updateには、CLSという累積レイアウトシフトという指標があります。 ロード時にページ上のものがジャンプするかどうかを確認します。 GoogleのシニアデベロッパープログラムエンジニアであるPhilip Waltonは、これはページのライフサイクル全体を通して測定されると述べました。
彼はこれをweb.devライブイベント中に1時間57分のマークで言った。 「CLSはページのライフサイクル全体で発生するレイアウトシフトを測定する」と彼は言った。 これは「ページをロードしてからアンロードするまでです。ページを数日または数週間開いたままにしても、その時間全体が測定されます」と彼は付け加えました。
開始時に埋め込まれたビデオは次のとおりです。
web.dev LIVE 2020: Day One
これが筆記録です：
ですから、それは実際には本当に良い点です。 育ててよかったです。
CLSは、ページのライフサイクル全体で発生するレイアウトシフトを測定します。 ページをロードするときから、ページをアンロードするときまで。 ページを数日または数週間開いたままにしても、その時間全体が測定されます。ここDevToolsでは、トレースを実行し、そのトレース中に発生したレイアウトシフトを確認しました。 したがって、この特定のケースでは、CLSはレイアウトのシフトを短期間しか測定していませんでした。 実際の指標の定義はページの全期間を対象としているため、開発者はこのことを覚えておくことが重要です。 したがって、LighthouseトレースまたはWebPageTestトレースを実行した場合、またはDevToolsで実行した場合、特定の値が表示され、それが先ほど述べたしきい値である0.1を下回っている場合は、実際に測定する必要があることに注意してください。 あなたが知っている、それは数える測定であり、ページのライフサイクル全体です。
したがって、ページで開発者ツールを1秒ほど実行して、スコアがコアのWeb Vitals Search Consoleレポートに表示されるものと一致することを期待することはできません。
グレンへの帽子の先端：
Googleの@philwaltonによるCLSに関する説明：CLSは、ページの*ライフサイクル全体*におけるレイアウトの変化を測定します。 開発ツールでは、CLSは短期間測定されますが、実際の定義はライフサイクル全体に対するものです。 それが重要です：
Clarification about CLS from Google's @philwalton: CLS measures layout shifts during the *entire lifecycle* of the page. In Dev Tools, CLS is measured for a small period of time, but the actual definition is for the entire lifecycle. That's what counts: https://t.co/8fD1wExH9O pic.twitter.com/8QOQFC8XAA
— Glenn Gabe (@glenngabe) July 1, 2020
また、FID、最初の入力遅延はユーザーの操作が必要なためChrome Dev Toolsにはありませんが、合計ブロッキング時間（TBT）はDev Toolsにあり、最初の入力遅延のプロキシです。