LCP 2,5 saniyenin üstünde: neyi düzeltmeli?

LCP raporunuz kırmızıysa, sorun neredeyse hiç "site yavaş" değildir. Sayfanın en büyük görselinin ne zaman göründüğüdür — ve o görsel genelde bir tane, bulması da kolay.

LCP (Largest Contentful Paint), ekranın görünen kısmındaki en büyük öğenin yüklenme anını ölçer. Eşik 2,5 saniye; 4 saniyeyi aşarsa "kötü" sayılır.

Arada kalan 2,5-4 saniye aralığı "iyileştirilmeli" bölgesi.

Önemli olan şu: ölçülen şey sayfanın tamamı değil, tek bir öğe. Onu bulup düzeltmek çoğu zaman yeterli.

Önce: hangi öğe ölçülüyor?

Tahmin etmeyin, bakın.

1. Chrome'da sayfayı açın, geliştirici araçlarını açın (F12).
2. Lighthouse sekmesi → Mobil → Analiz et.
3. Sonuçta "Largest Contentful Paint element" satırını bulun.

Genelde hero görseli, ürün fotoğrafı ya da büyük bir başlık çıkar.

Neyin ölçüldüğünü bilmeden yapılan optimizasyon yanlış yeri hızlandırmak olur — ve grafikte hiçbir şey değişmeyince "hız çalışması işe yaramıyor" sonucuna varılır.

Lab verisi ile saha verisi farkı

Bu ayrım çok kişiyi yanıltıyor.

Yani düzeltmeyi yaptınız, Lighthouse yeşile döndü, Search Console hâlâ kırmızı — bu normaldir. Saha verisi 28 günlük hareketli pencere kullanır; sabretmek gerekir.

En sık dört sebep ve çözümü

1. Hero görseli çok büyük

4000 piksel genişliğinde bir JPEG, mobilde 400 piksellik alanda gösteriliyor. Tarayıcı yine de tamamını indiriyor.

Çözüm: görseli gerçek gösterim boyutuna yakın üretin, WebP formatına geçirin, srcset ile farklı ekranlara farklı boyut sunun. Tek başına bu adım LCP'yi çoğu zaman 1 saniyeden fazla düşürüyor.

2. Hero görseli tembel yükleniyor

En sinsi hata. loading="lazy" özniteliği görselin yüklenmesini geciktirir; ekranın altındaki görsellerde doğru, ekranın en üstündeki görselde felakettir.

Kural: ilk ekranda görünen görselde lazy kullanmayın. Tersine, öncelik verin:

<img src="hero.webp" width="1200" height="675" fetchpriority="high" alt="...">

3. Yazı tipi geç geliyor

LCP öğesi bir başlıksa, metin özel yazı tipi inene kadar görünmez. Sayfa boş bekler.

Çözüm: font-display: swap ekleyin (metin önce sistem fontuyla çıkar, sonra değişir) ve yazı tipi dosyasını preload edin.

4. Sunucu yanıtı yavaş

İlk bayta kadar geçen süre (TTFB) 600 ms'yi aşıyorsa, LCP'nin önünde zaten yarım saniyeden fazla ölü zaman var demektir.

Çözüm sırası: önbellek, sonra CDN, en sonda hosting yükseltmesi. İlk ikisi ucuz, sonuncusu pahalı — ve çoğu sitede sıra üçüncüye hiç gelmiyor.

Hızlı kazanç listesi

1. Hero görselinden loading="lazy"'yi kaldırın.
2. Hero görseline fetchpriority="high" ekleyin.
3. Görsellere width ve height yazın — bu ayrıca CLS'yi de düzeltir.
4. En büyük görseli WebP'ye çevirin.
5. Yazı tiplerine font-display: swap ekleyin.
6. Önbellek açın.

Altısı da yarım günlük iştir ve çoğu sitede eşiği geçmeye yeter.

Bu GEO'yu etkiler mi?

Dolaylı olarak. Yapay zeka botları sayfanızı görsel olarak render etmez, dolayısıyla LCP onları doğrudan ilgilendirmez. Ama çok yavaş yanıt veren bir sunucu, botun zaman aşımına uğramasına yol açabilir — o zaman içeriğinizi hiç alamaz.

Yani LCP'yi kullanıcı için optimize edin; bot tarafında kritik olan TTFB'dir.

Sık sorulan sorular

Mobilde kötü, masaüstünde iyi. Hangisi önemli?

Mobil. Değerlendirme mobil öncelikli yapılıyor ve trafiğinizin çoğu da oradan geliyor. Masaüstü iyi diye rahatlamayın.

Puanım 90 ama LCP kırmızı, nasıl olur?

Lighthouse puanı birkaç metriğin ağırlıklı ortalamasıdır; diğerleri iyiyse LCP kötüyken bile puan yüksek çıkabilir. Puana değil, metriğin kendisine bakın.

Eklenti kurarak çözülür mü?

Kısmen. Önbellek ve görsel optimizasyon eklentileri gerçek fayda sağlar. Ama "hız optimizasyonu" adı altında her şeyi birleştirip erteleyen eklentiler bazen LCP'yi kötüleştirir — kurduktan sonra mutlaka ölçün.

Search Console'da "yeterli veri yok" yazıyor.

Saha verisi için yeterli ziyaretçiniz yok demektir. Bu durumda Lighthouse ile ilerleyin; küçük siteler için normal bir durum ve bir sorun göstergesi değil.

Devamı: Görsellerinizin boyut ve alt metin tarafını görsel alt metni kontrolcüsü ile birlikte gözden geçirebilirsiniz.