Tam olarak bakmanız gereken yer above the fold.

Bu kısım, sitede aşağı kaydırma yapmadan gördüğünüz üst kısımdır.
LCP ise buradaki en büyük öğenin hızlı yüklenmesini amaçlar.

LCP hatası ve çözümleri çeşitlenebilir.

Şimdi size en yaygın hatayı ve aşırı kolay çözümünü göstereceğim.



Üstteki görselleri canınız pahasına optimize edin.
Çünkü LCP hatasının en büyük suçlusu çoğunlukla görsellerdir.

İşte çözümü:

1- Sunucunuz iyi ve TTFB'niz düşük.
Yine de LCP hatası alıyorsunuz. O zaman görsel boyutunuzu 200kb altında tutmalısınız.

2- Görsel boyutlarınız 200kb altında. İnatçı LCP yine yakanızı bırakmadı mı?
O zaman above the fold bölümündeki görselleriniz Lazy Load yükleniyor olabilir.
Bu kısımdaki görselleri Lazy Load yüklemekten hariç tutmalısınız.

3- Lazy Load yokken bile görseller şimşek hızında gelmiyor. Çıldırmak üzeresiniz.
Öyleyse görselleri Preload ile erkenden yükletmelisiniz. (bunu perfmatters ile yapabilirsiniz)

4- Preload yüklettiniz. Yine bir gıcıklık var. O zaman bir miktar daha optimize yapmalısınız.
Muhtemelen bu aşamada görselleriniz responsive değildir.

Yani masaüstündeki gösterilen görselle mobil aynıdır.
Shortpixel Adaptive Images gibi araçlarla giriş yapılan cihaza göre farklı boyutta görseller sunmalısınız.

5- Sabrınız tükenmek üzereyse derin bir nefes alın. Hala yapabileceğimiz iyileştirmeler var.
Görsellerinizi .webp formatına çevirin bakalım. Yine mi çözülmedi? O zaman...

6- Adam akıllı bir CDN işinizi görebilir gibi. Çözüldü mü? Değilse....

7- Son olarak Kadence yada Generatepress gibi temaları kullanmayı düşünebilirsiniz.

8- Burayı okumaya ihtiyacınız yok. Üstteki madde tüm sorununuzu zaten kökten halledecektir.



Umarım faydalı olur.

Saygılar ve sevgiler...