CLS'i Optimize Etmek: Boyutsuz Görseller, Geç Gelen İçerik, Font Değişimi ve @defer Placeholder'ları
CLS'i düşürmek için sonradan gelen her içeriğin yerini en baştan ayırmak gerekir: boyutlu görsel, son boyutta placeholder ve skeleton. Bookstore'un kitap sayfasına eklediğimiz "Similar books" bloğunun impact × distance hesabını ölçüyor, @defer (on viewport) ile kaymanın scroll anına taşındığını (telefonda 0,1079) gösteriyor ve slot, skeleton ve margin collapse düzeltmesiyle her senaryoda CLS'i 0'a indiriyoruz.
15 Kas 2026
·
14 dk
·
7
