私たちのサイトのページの CLS は常にほぼゼロです。これは、単純な静的レイアウトを使用してサーバーでレンダリングされた HTML ページであるため、理にかなっています。
最近、以下の content-visibility: auto の使用を追加しました (スクロールせずに見えるセクションにのみ追加されました)。
https://web.dev/content-visibility/
section {
content-visibility: auto;
contain-intrinsic-size: 1000px;
}
これはブラウザーに目に見える影響を与えませんが、開発ツールの [パフォーマンス] タブ、chrome lighthouse の測定値、および webpagetest.org での繰り返しの実行に従って、ペイント/レンダリング メトリックに予想される大きな利点をもたらします。
ただし、Google のページ スピード インサイトのラボ データ セクションでは、累積レイアウト シフト (CLS) が 0.006 から 1.000+ の間で大幅に急増していることに気付きました。
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.godaddy.com
他の誰かがこれを観察しますか?灯台が CLS を測定する方法にバグがある可能性はありますか?