3

私たちのサイトのページの 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://www.godaddy.com

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.godaddy.com

他の誰かがこれを観察しますか?灯台が CLS を測定する方法にバグがある可能性はありますか?

4

1 に答える 1