Core Web Vitals: LCP'yi 2,5 Saniyenin Altına İndir

Mobilde sayfan 2,5 saniyeden geç yükleniyorsa, kullanıcıların önemli bir kısmı daha ilk etkileşimde kayboluyor demektir. Bu yazıda LCP'yi (Largest Contentful Paint) gerçek verilerle ölçmeyi, yavaşlatan nedenleri ayırmayı ve 2026'da hâlâ geçerli olan teknik adımlarla 2,5 saniyenin altına indirmeyi anlatıyorum.

1. LCP Nedir, Neden 2,5 Saniye Eşiği?

LCP, sayfa yüklenmeye başladıktan sonra görünüm penceresindeki en büyük görsel öğenin (genellikle hero görseli, büyük başlık veya video posterı) ne zaman boyandığını ölçer. Core Web Vitals'ta iyi kabul edilen eşik 2,5 saniye, orta 2,5-4,0 sn, kötü 4,0 sn üzeridir.

LCP üç bileşenden oluşur: TTFB (sunucu yanıt süresi), kaynak yükleme süresi (görsel/font indirme) ve render gecikmesi (tarayıcının öğeyi boyaması). Bu üçünü ayrı ayrı ölçmeden yapılan optimizasyon genellikle yanlış yere kaynak harcar.

2. Önce Doğru Ölçüm: Laboratuvar mı, Saha mı?

Lighthouse skoru bir laboratuvar tahminidir; gerçek kullanıcı deneyimini yansıtmaz. Karar vermek için saha verisi (CrUX / Search Console Core Web Vitals raporu / RUM) kullan. Fark genellikle büyüktür: 3G'de bir kullanıcı 4,8 sn LCP görürken, ofisindeki masaüstü Lighthouse 1,9 sn gösterebilir.

LCP'yi Bölen Üç Parça ve Hedef Değerler

Bileşen	Formül / Ölçüm	Hedef
TTFB	Sunucu yanıt süresi (ms)	< 800 ms
Kaynak yükleme	Görsel/font indirme süresi	< 700 ms
Render gecikmesi	Boyama öncesi JS/CSS beklemesi	< 1000 ms

Toplam < 2500 ms. Bu tabloyu doldurduğunda hangi kaldıraca yükleneceğin netleşir.

3. En Sık 6 LCP Suçlusu ve Çözümleri

• Hero görselinin lazy-load edilmesi: LCP öğesini asla lazy yükleme. loading="eager" ve fetchpriority="high" kullan.
• Yanlış format ve boyut: WebP/AVIF'e geç, responsive srcset ile mobilde 1x boyutu servis et. 2 MB'lık bir JPEG, 120 KB'lık WebP'ye göre mobilde ortalama 900 ms-1,5 sn ek yük getirir.
• Font engellemesi: font-display: swap ve preload ile kritik fontu önden çek.
• Render-blocking CSS/JS: Kritik CSS'i inline et, geri kalanını ertele. Büyük JS bundle'ını route bazında böl.
• Yavaş TTFB: Sunucu/CDN önbelleği, edge cache ve veritabanı sorgu optimizasyonu ile düşür. TTFB'yi 1,2 sn'den 0,5 sn'ye indirmek LCP'ye doğrudan yansır.
• Üçüncü taraf scriptler: Chat, A/B test ve tag manager scriptlerini defer ile geciktir. Her gereksiz tag, render gecikmesine 100-300 ms ekler.

4. Adım Adım 30 Günlük Aksiyon Planı

Ölçüm → hedef belirleme → uygulama → doğrulama döngüsünü kur.

• 1-3. gün: RUM ile sayfa tipine göre LCP dağılımını çıkar (anasayfa, kategori, ürün, blog). P75 değerini not al.
• 4-7. gün: LCP öğesini tespit et (DevTools Performance panelinde 'LCP' işaretçisi). TTFB / kaynak / render parçalarını ayrı ölç.
• 8-20. gün: Yukarıdaki 6 maddeden en yüksek etkili 2-3 tanesini uygula. Tipik olarak görsel optimizasyonu ve kritik CSS en hızlı sonucu verir.
• 21-30. gün: Aynı sayfalarda P75 LCP'yi yeniden ölç. Hedef: ≥ 75% kullanıcı 2,5 sn altı.

Örnek Hesap

Ana sayfa LCP = 4,1 sn. Tespit: TTFB 1,4 sn + görsel yükleme 1,9 sn + render 0,8 sn. Aldığın aksiyon: CDN edge cache ile TTFB 1,4 → 0,6 sn; WebP + doğru boyut ile görsel 1,9 → 0,5 sn. Yeni LCP ≈ 0,6 + 0,5 + 0,8 = 1,9 sn. Yani eşiğin altında.

Bu tür ölçüm ve uygulama döngüsünü içerik ve teknik işleri birlikte yürüten bir web tasarım & geliştirme ekibiyle veya denetim odaklı bir SEO süreciyle kurmak en sağlıklısı. Hız iyileştirmeleri, reklam tarafındaki dönüşüm oranını da doğrudan etkilediği için reklam yönetimi ile aynı yol haritasında planlanmalı.

5. Doğrulama ve Süreklilik

LCP tek seferlik bir iş değil. Ürün görselleri, yeni scriptler ve tema değişiklikleri onu tekrar yukarı taşır. Bu yüzden:

• RUM'da aylık P75 raporu otomatik oluştur.
• Yeni sayfa tipi yayına almadan önce LCP bütçesi koy (örn. < 2,2 sn).
• Üçüncü taraf script eklerken performans etkisini ölç, gereksizleri kaldır.

Bunları kurumsal olarak sahiplenmek istiyorsan, 360° dijital pazarlama yaklaşımıyla hem ölçüm hem uygulama tek çatı altında yürütülebilir. Hız iyileştirmek aynı zamanda reklamda edindiğin trafiğin karşılığını artırır — çünkü daha hızlı sayfa, daha düşük maliyetli dönüşüm demektir.

Sitenizin mevcut Core Web Vitals tablosunu birlikte çıkaralım. Ücretsiz keşif görüşmesi için iletişim sayfasından bize ulaşabilirsin.