CLS.
CLS, sayfa yüklenirken ya da kullanılırken içeriğin beklenmedik biçimde kayma miktarını ölçer ve Google 0,1'in altını iyi sayar.
Hesap iki çarpandan oluşuyor: kayan alanın ekranın ne kadarını kapladığı ve ne kadar uzağa kaydığı. Bu yüzden üst kısımdaki büyük bir öğenin küçük kayması, alttaki küçük bir öğenin büyük kaymasından daha çok cezalandırılıyor.
Yalnız BEKLENMEDİK kaymalar sayılıyor. Kullanıcı etkileşiminden sonraki yarım saniye içinde oluşan kaymalar muaf — akordeon ve açılır menüler bu sayede serbest.
Dört yaygın kaynak var: boyutsuz görseller, yazı tipi takası, sonradan eklenen içerik ve boyutsuz gömülü çerçeveler. Birincisi en yaygın ve en ucuz çözüleni — görsele genişlik ve yükseklik yazmak.
Toplam kayma tüm sayfa ömrü boyunca toplanmıyor; kaymalar oturum pencerelerine bölünüyor ve raporlanan değer EN KÖTÜ pencerenin değeri. Yani sorun toplam değil, yoğunluk.
Bu sitenin ve yönettiği üç projenin ölçülen değeri 0,001 — iyi eşiğin yüzde biri. Doğrulama süiti eşiği 0,05'e bağlıyor; resmî eşiğin altında pay bırakılması bilinçli, gerileme eşiğe çarpmadan görünsün diye.
En sık gözden kaçan kaynak, klasik ölçümün göremediği yerde: kaydırma sırasında oluşan kaymalar. Denetim araçları sayfa yükleme penceresine bakıyor ve kaydırma yapmıyor; kullanıcı ise tam olarak o kaymaları yaşıyor.
Bu sitede o kör nokta ölçülerek bulundu ve ayrı bir nöbetçiyle kapatıldı: kaydırma boyunca oturum penceresi mantığıyla hesaplanan en kötü pencere 0,08'in altında kalmalı.
- Görsellere genişlik ve yükseklik yaz — tek satırlık düzeltme, en yaygın kaynağı kapatır.
- Yedek yazı tipini metrik olarak eşleştir — takas anında kayma olmasın.
- Sonradan gelen içeriği akışa sokma — katman olarak göster ya da yeri baştan ayır.
- Gömülü çerçevelere oran ver — video, harita, sosyal kutu.
- Yalnız dönüşüm ve opaklıkla animasyon yap — düzen özellikleri her karede yeniden akış üretir.
- Yavaşlatılmış ağda test et — hızlı bağlantıda kaymalar görünmez.
Son madde ölçümün ön koşulu: hızlı bir makinede her şey neredeyse aynı anda geldiği için kaymalar hiç ortaya çıkmıyor.
Ölçüm penceresinin oturum mantığıyla çalıştığını bilmek de önemli: raporlanan değer toplam değil, birbirine yakın kaymaların oluşturduğu en kötü pencerenin değeri. Yani sorun kaymaların sayısı değil, bir yerde toplanmış olmaları.