LCP (Largest Contentful Paint) Nasıl İyileştirilir?

Okuma süresi: 2 dk

Kısa yanıt: Önce PageSpeed Insights’taki “LCP breakdown” öngörüsüyle LCP öğesini ve gecikmenin hangi aşamada biriktiğini bulun (genellikle ana görsel veya başlık). Ardından sunucu yanıt süresini önbellekle düşürün, bu görselde lazy load’u kapatıp fetchpriority="high" ekleyin, görseli WebP’ye çevirin ve sayfanın üstünü geciktiren CSS/JS dosyalarını azaltın.

Bu rehber kimin için: Core Web Vitals’ı iyileştirmek isteyenler · Gereken süre: 30-60 dakika · Seviye: Orta

LCP, sayfanın görünür alanındaki en büyük içerik öğesinin ekranda göründüğü zamandır. Kullanıcının “sayfa yüklendi” algısıyla en çok örtüşen metriktir. İyi kabul edilen değer, ziyaretlerin %75’inde 2,5 saniye veya altıdır. LCP dört bölümden oluşur: sunucu yanıtı, kaynak yükleme gecikmesi, kaynak indirme süresi ve öğenin oluşturulması.

LCP iyileştirme adımları

LCP öğesini bulun: PageSpeed Insights raporunda “LCP breakdown” ve “LCP request discovery” öngörülerini açın.
Sunucu yanıtı: Sayfa önbelleğini açın; TTFB yüksekse yüksek TTFB adımlarını uygulayın.
Lazy load’u kaldırın: LCP görseli lazy load ile işaretliyse kaldırın; LiteSpeed Cache’te ilk görselleri hariç tutma ayarını kullanın.
Önceliklendirin: LCP görseline fetchpriority="high" ekleyin veya head içinde preload tanımlayın.
Görseli küçültün: WebP dönüşümü ve doğru ölçü kullanın.
Kaydırıcıları azaltın: Ana sayfadaki büyük kaydırıcılar (slider) LCP’yi geciktirir; tek bir sabit görsel kullanmayı düşünün.
Oluşturmayı engelleyenler: Gereksiz CSS/JS dosyalarını kaldırın; ayrıntılar için CSS ve JS küçültme.

Metin LCP öğesiyse

LCP öğesi bir başlıksa gecikme genellikle web fontlarından kaynaklanır. Fontları kendi sunucunuzdan sunmak ve font-display: swap kullanmak metnin hemen görünmesini sağlar; web font optimizasyonu rehberine bakın.

Hâlâ çözülmediyse

Değişikliklerin saha verisine yansıması 28 güne yayıldığı için Search Console’daki iyileşme gecikmeli görünür. Kapsamlı adımlar için WordPress hızlandırma rehberimizi okuyun. LiteSpeed web sunucusunda çalışan WordPress hosting paketlerimizde sayfa önbelleği açıkken önbellekten gelen sayfalar PHP ve veritabanı çalıştırılmadan sunulur.

Sık sorulan sorular

Masaüstünde iyi, mobilde kötü.

Mobilde CPU ve bağlantı daha yavaştır; görsel boyutu ve JavaScript miktarı mobilde daha belirleyicidir.

CDN LCP’yi iyileştirir mi?

Ziyaretçiler sunucudan uzaktaysa evet; Türkiye içi trafikte yerel sunucu zaten avantaj sağlar.

İlgili rehberler

Bu rehber işinize yaradı mı?