Okumaya başladığınız metnin bir anda aşağı kayması ya da tıklamak üzere olduğunuz düğmenin yerine reklam gelmesi düzen kaymasıdır. CLS, bu kaymaların ne kadar büyük alanı ne kadar uzağa taşıdığını hesaplar ve en kötü kayma penceresini raporlar.
Kullanıcının kendi etkileşiminden hemen sonra (yaklaşık yarım saniye içinde) gerçekleşen kaymalar beklenen kabul edilir ve hesaba katılmaz. Sorun, kullanıcının bir şey yapmadığı halde içeriğin oynamasıdır.
Tipik sebepler: genişlik ve yüksekliği belirtilmemiş görseller ve iframe'ler, sonradan yüklenen reklam ve çerez bantları, web yazı tipinin yüklenince metnin boyutunu değiştirmesi, içerik üstüne dinamik olarak eklenen öğeler. Çözüm, bu öğeler için önceden yer ayırmaktır.
Sitenizde nasıl kontrol edilir?
- PageSpeed Insights'ta CLS değerine ve düzen kaymasına yol açan öğelere bakın.
- Chrome geliştirici araçlarında Rendering sekmesinden “Layout Shift Regions” seçeneğini açarak kaymaları görün.
- Görsel ve iframe etiketlerinde width ve height öznitelikleri olduğundan emin olun.
Ayrıntı ve uygulama: Düzen kayması nedenleri
İlgili terimler
- Core Web VitalsCore Web Vitals, Google'ın gerçek kullanıcı deneyimini ölçmek için kullandığı üç metriktir: yükleme hızı için LCP, etkileşime yanıt için INP ve görsel kararlılık için CLS. Google'ın sayfa deneyimi değerlendirmesinin bir parçasıdır.
- LCPLCP (Largest Contentful Paint), sayfa açılırken görünür alandaki en büyük görsel veya metin bloğunun ekrana çizilme süresidir. Algılanan yükleme hızını ölçer; iyi değer 2,5 saniye veya altıdır, 4 saniyenin üstü zayıf kabul edilir.
- INPINP (Interaction to Next Paint), kullanıcının tıklama, dokunma veya tuşa basma gibi etkileşimlerinden sonra sayfanın görsel olarak yanıt vermesine kadar geçen süreyi ölçen Core Web Vitals metriğidir. İyi değer 200 milisaniye veya altıdır; 12 Mart 2024'te FID'nin yerini aldı.
- Sayfa hızı ve PageSpeed InsightsSayfa hızı, bir sayfanın ne kadar çabuk yüklenip kullanılabilir hale geldiğidir. Google'ın ücretsiz PageSpeed Insights aracı bunu iki kaynaktan ölçer: gerçek kullanıcıların saha verisi (CrUX) ve Lighthouse ile yapılan laboratuvar testi.
Sözlüğün tamamı (70 terim) · Sitenizi kontrol edin: web sitesi kontrol aracı