通常の時間ベースの指標の外側で考えられることです。代わりに、最適化されていないページ要素がUXを低下させる可能性があることについて、考えさせられることです。ページ上のリソース数と、リソースがいつどのように提供されるかに影響されます。スコアが悪い場合の最大原因は次のとおりです。フォントのサイズに大きな差異があり、レイアウトのずれが生じる場合があります。フォントの読み込みを待機している間はコンテンツを非表示にしないことをお勧めします。スコアに悪影響を及ぼす可能性があります。ページの編集本文全体が移動する可能性があります。計算する場合、移動要素のサイズが非常に重要になります。問題の原因となります。自動再生カルーセルを含むページでは、レイアウトが無限に移動する可能性があります。ページの残りの部分がレンダリングされた後に読み込まれると、シフトが発生する可能性があります。これらがページロードの残りの部分の後にレンダリングされる場合、他のページ要素がシフトする原因となる可能性があります。ページ上でどの要素が実際に移動したのか、いつ、どのくらい移動したのかを理解することです。各レイアウトのシフトと、各シフトが最終的な累積メトリクスにどのように加算されるかを示す視覚化機能が含まれています。レイアウトシフトは、シフト発生の直前と直後にフィルムストリップのフレームが表示されます。赤いボックスは移動した要素を強調表示します。どの要素がシフトの原因となったかを正確に確認できます。スコアは、そのシフトの影響と、それが累積スコアにどのように加算されるかの理解に役立ちます。それぞれのレイアウト変化を視覚化すると、ページのレンダリング方法の問題を特定するのに役立ちます。ページのレイアウトの変化を分析した際のサンプル問題をいくつか示します。一部のレイアウトのシフトは、フィルムストリップやページ読み込みのビデオだけを見ていると、非常に見つけにくい場合があります。画像カルーセルは誤検知を生成する可能性があります。ページでは、画像カルーセルを使用して、ページ全体でスライドさせ、多くのプロモーションを行っています。スコアは悪く(Poor)なります。スコアを回避できます。とシンセティックデータのどちらを調べているかによって、結果が異なる可能性があります。データを信頼できる情報源として使用してください。パフォーマンスの予算を設定し、このデータを使用したレポートを得ることができます。データは時間の経過とともにより整合性が高まることが予想されます。シンセテックでは、変化が起こっている場所を視覚的に特定し、そこから改善します。最初に最大レイアウトに焦点を当てます。シフトによっては非常に小さいため、わざわざ追いかける必要がない場合もあります。波及しないように、最終的にレンダリングされるテキスト用のスペースを確保します。CSS変換を使用して画像カルーセル内の要素をアニメーション化します。Page)に置き換わります。ただいま準備していますので、少々お待ちください。INPの各対策については相談してみるWeb表示スピード研究会とは?。