LCP nedir?

LCP (Largest Contentful Paint), sayfa açılırken ekranın görünen kısmındaki en büyük öğenin (genellikle kapak görseli, ürün fotoğrafı veya büyük bir başlık) tamamen çizildiği andır. Kullanıcının "sayfa açıldı" hissini en iyi yansıtan Core Web Vitals metriğidir.

#Neden önemli

• Ziyaretçi ana içeriği görmeden çıkabilir; özellikle mobil ağlarda her saniye önemlidir.
• LCP, Google'ın sayfa deneyimi değerlendirmesindeki üç metrikten biridir.
• Yavaş LCP'nin sebebi genellikle birkaç tane ve ölçülebilirdir: yavaş sunucu (TTFB), büyük görseller, render'ı bloklayan CSS/JS, geç yüklenen kapak görseli.

#SEOAsist'te nerede görürsün

• Genel Bakış sayfasındaki Core Web Vitals kartında LCP saniye cinsinden, mobil ve masaüstü için ayrı gösterilir.
• SEO analizinde mobil LCP 2,5 saniyeyi aşarsa LCP yavaş bulgusu çıkar.
• Teknik Denetim sayfasındaki Yavaş yanıt (> 3 sn) sorunu, LCP'yi doğrudan geciktiren sunucu yanıt süresini gösterir.

Ayrıntılar: Genel bakış paneli.

#Örnek

Kapak görselini öncelikli yükletmek ve tembel yüklemeden çıkarmak:

<link rel="preload" as="image" href="/img/kapak-1200.webp" fetchpriority="high">

<img src="/img/kapak-1200.webp" width="1200" height="600"
     alt="Meşe yemek masası koleksiyonu" fetchpriority="high">

#Sık yapılan hatalar

• Kapak görseline loading="lazy" vermek; LCP öğesi geç yüklenir.
• Telefon için 3000 piksellik görsel göndermek; srcset ve WebP/AVIF kullan.
• Ana metni web fontu yüklenene kadar gizlemek; font-display: swap kullan.
• Sunucu ve önbellek tarafını atlayıp yalnızca ön yüzle uğraşmak.