CLS problemi nedir?


Sayfa yüklenirken, X öğe, "öğe başlangıç konumundan" başka bir konuma hareket ediyorsa, genel görüntüde bir düzen kayması olur.
Bu türlü yüklenen elemanlara kararsız elemanlar denir. Pagespeed <p>'de sorun var diyorsa, <p>'de sorun vardır.

Responsive bir browser ile test edin. Benim anladığım, resim konteynırı ve yazı konteynırı, sayfa tam yüklenmemişken div değeri, örneğin < 200x150 px> iken, sayfa yüklendikten sonra, css, veya başka etkileyiciler nedeni ile örneğin <400x200 px> oluyor.
CLS, öğelerin sayfa üzerindeki yerleşim problemlerine işaret eder.

Peki neden Responsive bir browser ile test etmelisiniz? Örneğin benim ekranım 2440*1800 px. Benim ekranda, o kaymayı göremem.
Ama küçük ekranlı telefonlarda böyle bir sorun varsa, görüntü ekran boyutunun dışına taşar.

Anladığım kadarı ile, buna itiraz ediyor. Altta açıklamada da yazmış.

Zaten CLS, genel olarak Mobil Uyumluluk ve Optimizasyonunun konusu.