Evet js erteleme de bu mantıkla gerçek cls oranını yükseltir bunu size söylediğimi hatırlıyorum
Cls hem cpu ve teknik olarak hem de görsel olarak ikiye ayrılan bir kavram ama sonuç aynı
Daha önce söylediklerim yetersiz oldu sanırım.
JS defer & delay noktasında size son bir açıklama yapmak istiyorum.
Sürekli bunun CLS oranını yükselttiğini söylüyorsunuz.
Bakın CLS sorunu defer yada delay genelinde değildir.
Bu methodla işlediğiniz dosya özelindedir.
Örneğin slider defer olursa doğal olarak o alanın yüklenmesi ertelendiği için kümülatif kayma olacaktır.
Bu noktada eğer slider kısmındaki erteleme CLS yaratıyorsa çözüm çok basit. Hariç bırakacaksınız.
Bu birinci çözümdü. İkincisi ve daha etkili olanıysa şu.
Defer uyguladıktan sonra kayma sorunu oluşturan herhangi bir öğenin yerine placeholder koyabilirsiniz.
Slider örneğinden devam edersek,
Bu slider defer olduğunda CLS yaratıyorsa, slider alanı boyutlarında placeholder yerleştirebilirsiniz.
CLS önemsediğinizi sergilemek istiyorsanız bu teknikleri bilmeniz gerekir.
Placeholder yerleştirmek noktasında size birkaç trick vereyim.
Defer yaptığınız ve CLS sorunuyla karşılaştığınız div için genişlik ve yükseklik özniteliği atayabilirsiniz.
Yada kaymanın olduğu alanın boyutlarında %100 saydam png görseli arkaplan resmi olarak atayarak placeholder yapabilirsiniz.
Bunlar sağlam bir yer tutucu görevi görecek ve kaymaları önleyecektir.
Sırf defer sonrası ortaya çıkan CLS sorununun çözümünden haberiniz yok diye tümden defer reddederek kolaya kaçmayın.
Size sunduğum çözümler CLS iyileştirmenin altın kurallarıdır. Bunları kullanın.
tamam hocam ya