CLS, görünür içerik zaten boyandıktan sonra hareket ettiğinde ve kullanıcının baktığı şeyi kaydırdığında oluşur. Neden neredeyse her zaman yer ayrılmadan yüklenen içeriktir.
CLS, görünür içerik zaten boyandıktan sonra hareket ettiğinde ve kullanıcının baktığı şeyi kaydırdığında oluşur. Neden neredeyse her zaman yer ayrılmadan yüklenen içeriktir.
transform yerine layout özelliklerini (top, height) canlandırmak.width/height (veya aspect-ratio) ayarlayın, böylece yüklemeden önce yer ayrılır:<img src="/photo.jpg" width="1200" height="800" alt="..."> <!-- kutuyu ayırır -->
.hero { aspect-ratio: 16 / 9; } /* responsive medya için oran ayırır */
font-display: optional veya swap artı size-adjust/preload.position: absolute) veya alttan itin.transform/opacity ile canlandırın — bunlar composite edilir ve layout'u tetiklemez.CLS, en düzeltilebilir Core Web Vital'dir — genellikle bir avuç eksik boyuttan ibarettir. Görüşmeciler bunu, render boru hattını anlayıp anlamadığınızı test etmek için kullanır: baştan yer ayırmak, tarayıcının asla yeniden akıtmak zorunda kalmaması demektir; transform'un top'u canlandırmaya üstün gelmesinin nedeni budur.
Junior'dan Senior'a detaylı cevaplarla bir BT mülakat soruları kütüphanesi.
Bağış Yap