スコアは、コンテンツの量と移動量の計算に基づく単位のない値です。シフトの一般的な原因を最適化する方法について説明します。低い一般的な原因は次のとおりです。ディメンションのない画像。寸法のない広告、埋め込み、iframe。ディメンションのない動的に挿入されたコンテンツ。向けに最適化する動画をご覧ください。スコアと、変化の原因を把握することが重要です。一致しないため、デベロッパーが誤った認識を持つことがよくあります。ユーザーフローでは、デフォルトのページ読み込み監査を超えて測定できます)。プログラムの公式データセットです。ラボツールで通常測定される最初のページ読み込み時だけでなく、ページ全体を通じて測定されます。シフトは、最初にページをレンダリングするために必要なリソースがすべて取得されるため、ページの読み込み中によく発生しますが、初期読み込みの後にも発生することがあります。スコアから除外されます。適格なインタラクションがなければ、ユーザーが予期しないその他の読み込み後の移動(たとえば、ページに沿ってさらにスクロールすると、遅延読み込みコンテンツが読み込まれて移動が発生する)が含まれる場合があります。アプリなどの遷移のインタラクションです。ミリ秒の猶予期間よりも時間がかかることがあります。原因である可能性があります。はるかに大きくなっています。レベルのデータにフォールバックしようとします。問題をトラッキングして時間を無駄にしないようにしてください。レベルのデータであることがわかります。問題があることを示しています。発生している画像に関する詳細な情報が提供されます。与える影響も一覧表示されます。監査でフィルタすると、これらの監査を表示できます。原因となった要素ではなく、影響を受けた要素が特定されます。新しい要素が挿入された場合、その下にある要素がこの監査に表示されますが、根本原因は上にある新しい要素の追加です。シフトした要素は、根本原因の特定と解決に十分な情報となります。シフトがハイライト表示されます。スコアと、影響を受ける領域を示す長方形のオーバーレイが表示されます。問題を詳しく把握するのに特に役立ちます。プロファイルで簡単に再現できるためです。レコードを示す赤色のバーが追加されます。詳細が表示され、影響を受ける要素をドリルダウンできます。データなしでは追跡が難しい場合があります。要素を測定するをご覧ください。モニタリングできます。コンソールでは、要素の移動に関する詳細情報を確認することもできます。シフトを記録しながら、ウェブページを閲覧することもできます。多くの場合、ユーザーがページをスクロールしている最中、つまり遅延読み込みコンテンツが完全に読み込まれ、それに対応するスペースが確保されていない場合に発生します。ミリ秒以内であったとしても、予期しないものとしてカウントされます。シフトをデバッグするをご覧ください。シフトによって一般的なユーザーフローが回帰しないようにすることもできます。発生する状況を特定し、考えられる原因を絞り込むうえで非常に有用です。ツールは変化した要素のみを測定しますが、通常はそれによって原因を特定できるだけの十分な情報が得られます。フィールド測定値を使用して、修正の優先順位が最も高い問題を特定することもできます。ライブラリのアトリビューション関数を使用すると、この追加情報を収集できます。詳細については、現場でパフォーマンスをデバッグするをご覧ください。プロバイダも、同様のデータ収集と表示を開始しています。データと異なる値が表示されることがあります。問題の特定に非常に役立ちますが、特定の状況では不完全なデータになる可能性があることに注意してください。原因を特定したら、問題の修正を開始できます。一般的な理由と、回避するための方法について説明します。サイズ属性を必ず含めてください。使用して必要なスペースを予約します。このアプローチにより、画像の読み込み中にブラウザがドキュメントに適切な量のスペースを割り当てることができます。type="x-smartling-placeholder"></ph>幅と高さが指定されていない画像。type="x-smartling-placeholder"></ph>幅と高さが指定された画像。タグに追加して、ブラウザが画像の取得を開始する前にページに十分なスペースが割り当てられるようにします。これにより、再フローや再レイアウトを最小限に抑えることができます。単位が含まれていません。領域を予約するように設定できます。実際のサイズが一致するかどうかにかかわらず、このスペースに合わせて画像が引き伸ばされます。使用して画像のサイズを変更するようになりました。auto;}ただし、画像サイズが指定されていないため、ブラウザが画像のダウンロードを開始してサイズを決定できるようになるまで、容量を割り当てることはできません。エクスペリエンスは混乱し、ストレスを感じることになります。ここでアスペクト比が重要になります。画像のアスペクト比とは、画像の幅と高さの比率です。