sitesinin yavaşlığından dert yakınanlar belki de bu kısmı gözden kaçırdınız. LAZYLOAD
Lazyload sizi vezir de yapabilir, rezil de edebilir. Ne yaptığınızı bilmiyorsanız en güvenli seçenek kullanmamaktır.
Yanlış lazyload kullanımı sonucu istemediğiniz sonuçlar ortaya çıkabilir.
Topal bir site hızına sahip olmak istemiyorsanız kaçınmanız gerekenler.
Birden fazla lazyload çakışması - Hem temada, hem eklenti içinde kullanmaktan kaynaklanır.
Defer, delay ile lazyload çakışması - Bu üçü yine birbiryle çakışabilir ve sitenizde yük oluşturabilir.
Çözüm:
Sitenin ilk açılışının hızlı olması gibi durumlar için lazyload gerekebiliyor.
Sitenizin kaynak koduna gelin. CTRL + F yapın loading="lazy" ibaresi varsa zaten browser bunu kullanıyor.
Başka yerlerden aktif etmenize gerek yok.
Browser lazyload yok ve kullanmanız gerekiyorsa
bu durumda görsel yada cache eklentilerindekini kullanmak yerine tema içindeki lazyload çoğunlukla daha sorunsuz çalışır.
Dengesiz bir site tasarımına sahip olmak istemiyorsanız kaçınmanız gerekenler.
Above the fold, sayfanın üst kısmı. Hayır header değil. Site ilk açıldığındaki tüm çerçeve.
Bu kısımda lazyload bazı durumlarda LCP sorunu yaratır.
Eğer geciken görüntüler yer tutucuya sahip değilse, CLS yani kaymalar oluşur.
Çözüm:
Sayfanın en üst kısmında lazyload hariç bırakılarak LCP çözülür.
CLS sorunu içinse, resimlere yükseklik ve genişlik atamakla birlikte, mutlaka yer tutucular (placeholder) kullanılmalıdır.
En temiz çözüm placeholder kullanımıdır.
Pek çok arkadaşımızın ilk paragrafta söylediğim sorunları yaşadığını gördüğüm için faydalı olacağını düşündüm.
Saygılar ve sevgiler...
11 kişi bunu beğendi.