İçeriğe geç

Rehber

LCP (Largest Contentful Paint) nedir, nasıl iyileştirilir?

LCP, sayfanın en büyük içerik öğesinin ekrana gelme süresidir ve iyi değer 2,5 saniyenin altıdır. LCP'yi dört alt parçaya ayırarak iyileştirmeyi anlatıyoruz.

3 dk okumaOrta seviyeGeçerlilik dönemi: 2026 Eylül itibarıyla
LCP (Largest Contentful Paint) nedir, nasıl iyileştirilir? — editoryal kapak görseli

Ziyaretçi sayfanızı açtığında ekranda gördüğü en büyük öğe, genellikle bir kahraman görseli veya büyük bir başlık, ne kadar sürede görünüyor? Bu süre LCP'dir ve kullanıcının “sayfa yüklendi” algısının en iyi ölçüsüdür.

KTYAPTECH SEO Analyzer bu sorunu CWV-FIELD-LCP-POOR-001 koduyla, “Gerçek ziyaretçilerde LCP kötü” başlığı altında ve yüksek önem derecesiyle raporlar (Core Web Vitals). Bu rehber, bulgunun ne anlama geldiğini, neden önemli olduğunu ve adım adım nasıl düzeltileceğini anlatıyor.

Kötü LCP nedir?

Largest Contentful Paint, görünür alandaki en büyük görsel veya metin bloğunun render edildiği zamandır. Gerçek kullanıcıların 75. yüzdelik değeri 2,5 saniye veya altındaysa iyi, 4 saniyenin üzerindeyse kötü kabul edilir.

SEO Analyzer bu bulguyu, saha verisinde (CrUX) LCP'nin kötü aralıkta olduğunu gördüğünde verir.

Neden önemli? SEO ve kullanıcı deneyimine etkisi

LCP, Core Web Vitals'ın yüklenme metriğidir. Kötü LCP, kullanıcıların içeriği görmeden sayfayı terk etmesine yol açar ve sayfa deneyimi değerlendirmesini başarısız kılar.

Sorun nasıl tespit edilir?

  • SEO Analyzer raporundaki “Gerçek ziyaretçilerde LCP kötü” bulgusunu inceleyin.
  • PageSpeed Insights'ta LCP öğesini ve LCP alt parçalarının dökümünü görün.
  • Chrome DevTools Performans panelinde LCP işaretçisini ve ağ şelalesini inceleyin.
Kötü LCP: yanlış ve doğru uygulamanın karşılaştırması
Kötü LCP: sorunlu durum ve doğru uygulama yan yana.

Adım adım çözüm

  1. LCP öğesini belirleyin (PageSpeed Insights bunu gösterir).
  2. Sunucu yanıt süresini (TTFB) kısaltın: sayfa önbelleği, CDN, veritabanı sorgu optimizasyonu.
  3. LCP görselinin HTML'de erken keşfedilmesini sağlayın; CSS arka planı veya JavaScript ile eklenen görseller geç bulunur.
  4. LCP görseline fetchpriority="high" verin ve loading="lazy" kullanmayın.
  5. Görseli doğru boyuta küçültüp WebP/AVIF biçiminde sunun.
  6. Render engelleyen CSS ve JavaScript'i azaltın; kritik CSS'i satır içine alıp gerisini erteleyin.
  7. LCP öğesi metinse web fontlarının geç yüklenmesinin metni gizlemediğinden emin olun (font-display: swap).

LCP'nin dört alt parçası

LCP; ilk bayta kadar geçen süre (TTFB), kaynağın keşfedilip istenmesine kadar geçen gecikme, kaynağın indirilme süresi ve indirildikten sonra render edilene kadar geçen gecikmeden oluşur. Hangi parçanın uzun olduğunu bilmek, doğru düzeltmeyi seçmenizi sağlar.

Kötü LCP için düzeltme örneği
Görsel HTML'de erken bulunur, öncelikli ve doğru boyutta indirilir.

Sık yapılan hatalar

  • LCP görselini tembel yüklemek.
  • Kahraman alanında kaydırıcı (slider) ile birden fazla büyük görsel yüklemek.
  • TTFB'yi görmezden gelip yalnızca görsele odaklanmak.

Düzeltmeyi nasıl doğrularsınız?

  • PageSpeed Insights'ta LCP alt parçalarındaki iyileşmeyi görün.
  • Saha verisinin birkaç hafta içinde güncellenmesini izleyin.
  • SEO Analyzer'ı yeniden çalıştırın.

Sık sorulan sorular

LCP öğesi her zaman görsel mi?

Hayır; büyük bir başlık veya metin bloğu da olabilir.

Mobil ve masaüstü LCP farklı mı?

Evet; mobilde ağ ve işlemci daha yavaş olduğu için genellikle daha yüksektir.

Özet

LCP, sayfanın ana içeriğinin görünme süresidir. TTFB'yi kısaltın, LCP görselini erken keşfedilir ve öncelikli yapın, görseli optimize edin ve render engelleyen kaynakları azaltın.

Sitenizde bu ve benzeri sorunların olup olmadığını görmek için KTYAPTECH Ücretsiz SEO Analizi aracını kullanabilirsiniz: rapordaki her bulgunun yanında, sorunu anlatan çözüm rehberine giden bir bağlantı bulunur.

Kategoriler

Etiketler

Kaynaklar

  1. web.dev — Largest Contentful Paint (LCP)
  2. web.dev — LCP'yi optimize etme
  3. Google Search Central — Core Web Vitals ve Google Arama

Paylaş