LCP (Largest Contentful Paint) Süresini 2 Saniyenin Altına Düşürme Yolları

LCP süresini 2 saniyenin altına düşürme hedefi için yapılması gereken en kritik işler; hızlı sunucu yanıtı almak, sayfanın en büyük görünür öğesini doğru tespit etmek, hero görselini sıkıştırıp önceliklendirmek, gereksiz CSS ve JavaScript yükünü azaltmak, önbellek ve CDN kullanmak, fontları optimize etmek ve değişiklikleri gerçek kullanıcı verileriyle ölçmektir. Largest Contentful Paint, kullanıcının ekranında görünen en büyük metin bloğu, görsel, video posteri veya arka plan görselinin ne kadar sürede yüklendiğini ölçer. Google açısından iyi LCP değeri 2,5 saniyenin altıdır; ancak rekabetçi SEO, yüksek dönüşüm ve daha akıcı kullanıcı deneyimi için 2 saniye altı pratik ve ulaşılabilir bir hedeftir.

Bu rehberde LCP sorununu sadece teknik bir puan iyileştirmesi olarak değil, gerçek kullanıcı deneyimini etkileyen bir performans projesi olarak ele alacağız. Özellikle hosting altyapısı, TTFB, görsel optimizasyonu, render engelleyici kaynaklar, WordPress eklentileri, CDN ve cache katmanları gibi sahada en sık sonuç veren adımlara odaklanacağız. Eğer web siteniz yavaş açılıyor, PageSpeed Insights raporunda LCP uyarısı alıyor veya mobil trafikte sıralama ve dönüşüm kaybı yaşıyorsanız, aşağıdaki kontrol listesini sırayla uygulayarak ölçülebilir kazanımlar elde edebilirsiniz.

LCP Nedir ve Neden 2 Saniyenin Altı Hedeflenmelidir?

LCP, Core Web Vitals metriklerinden biridir ve sayfanın ana içeriğinin kullanıcıya ne kadar hızlı göründüğünü ölçer. FCP yani First Contentful Paint ilk içeriğin görünme anını, INP etkileşim gecikmesini, CLS ise görsel kararlılığı izler. LCP ise kullanıcının asıl beklediği büyük içeriğin yüklenme anına odaklanır. Bir ürün sayfasında ürün görseli, bir blog yazısında kapak görseli veya başlık alanı, bir ana sayfada büyük banner genellikle LCP öğesi olur.

Google iyi LCP eşiğini 2,5 saniye olarak tanımlar. Fakat bu sınır, yalnızca sorunlu olmayan deneyimi ifade eder. 2026 SEO standartlarında özellikle mobil öncelikli tarama, yapay zeka destekli arama sonuçları, yüksek rekabetli SERP yapısı ve kullanıcı sabrı düşünüldüğünde 2 saniye altı daha güvenli bir performans hedefidir. E-ticaret, SaaS, kurumsal web sitesi ve içerik sitelerinde 1 saniyelik gecikme bile hemen çıkma oranını artırabilir ve form doldurma, sepete ekleme veya teklif alma gibi dönüşümleri azaltabilir.

LCP iyileştirmesi aynı zamanda sadece arama motorları için değil, marka algısı için de önemlidir. Kullanıcı sayfayı açtığında boş ekran, geç gelen görsel veya sıçrayan düzen görürse siteyi güvenilir bulmayabilir. Bu nedenle hızlı hosting seçimi Hostragons Web Hosting, SSL ile güvenli ve modern bağlantı sağlama SSL Sertifikaları ve doğru alan adı ile marka güveni oluşturma Domain Sorgulama gibi temel konular performans çalışmasının parçasıdır.

LCP Değerinizi Doğru Ölçün: Laboratuvar ve Gerçek Kullanıcı Verisi

Optimizasyona başlamadan önce mevcut durumu doğru ölçmek gerekir. PageSpeed Insights, Lighthouse, Chrome DevTools, WebPageTest ve Google Search Console Core Web Vitals raporu en sık kullanılan araçlardır. Ancak bu araçların verdiği sonuçları aynı şekilde yorumlamak doğru değildir. Lighthouse laboratuvar verisi üretir; belirli cihaz, ağ ve simülasyon koşullarında test yapar. CrUX ve Search Console ise gerçek kullanıcı verilerini gösterir. LCP süresini 2 saniyenin altına düşürme sürecinde her iki veri türünü birlikte kullanmak gerekir.

Ölçümde takip etmeniz gereken temel değerler

• LCP öğesi: Sayfada hangi görsel, metin veya blok LCP olarak işaretleniyor?
• TTFB: Sunucunun ilk baytı gönderme süresi nedir? İdeal hedef çoğu sayfa için 200-500 ms aralığıdır.
• Render delay: Kaynak geldiği halde tarayıcı neden öğeyi geç çiziyor?
• Resource load delay: LCP öğesinin isteği ne kadar geç başlıyor?
• Resource load duration: LCP kaynağı indirilirken dosya boyutu veya ağ gecikmesi sorun yaratıyor mu?

Örneğin bir WordPress blog yazısında LCP öğesi 320 KB boyutunda WebP kapak görseli ise sorun genellikle yönetilebilir düzeydedir. Ancak aynı görsel 2,8 MB JPEG ise ve CSS dosyaları yüklenmeden görünmüyorsa, LCP kolayca 4-5 saniyeye çıkabilir. Bir başka örnekte dosya boyutu küçük olmasına rağmen TTFB 1,4 saniye ise sorun görselden çok hosting, veritabanı sorguları veya cache eksikliğidir.

LCP Sorunlarının En Yaygın Nedenleri

LCP problemi genellikle tek bir nedenden değil, zincirleme gecikmelerden oluşur. Sunucu geç yanıt verir, HTML geç gelir, kritik CSS renderı engeller, LCP görseli geç keşfedilir, JavaScript ana threadi meşgul eder ve font değişimi içeriği geciktirir. Bu nedenle sadece bir eklenti kurmak veya bir görseli sıkıştırmak her zaman yeterli olmaz.

Bu tabloyu bir öncelik haritası gibi düşünebilirsiniz. İlk hedef, LCP zincirinde en büyük gecikmeyi yaratan adımı bulmaktır. Eğer TTFB yüksekse görsel optimizasyonundan önce sunucu ve cache tarafı çözülmelidir. Eğer TTFB iyi ama LCP görseli geç yükleniyorsa, görselin formatı, boyutu ve önceliği ele alınmalıdır.

1. Sunucu Yanıt Süresini Düşürün

LCP optimizasyonunun temeli hızlı sunucu yanıtıdır. HTML belgesi geç gelirse tarayıcı CSS, JS ve görsel kaynaklarını da geç keşfeder. Bu nedenle TTFB değeri yüksek sitelerde LCP iyileştirmesi için ilk adım hosting altyapısını incelemektir. Paylaşımlı hosting kaynakları yetersiz kalıyor, CPU limitleri sık doluyor veya veritabanı yanıtları uzuyorsa sayfa optimizasyonu sınırlı etki eder.

Hosting tarafında uygulanabilir kontroller

• PHP sürümünü güncel ve stabil sürüme taşıyın. Eski PHP sürümleri WordPress ve modern CMS yapılarında ciddi yavaşlık oluşturabilir.
• NVMe disk, LiteSpeed veya NGINX tabanlı yapı, HTTP/2 veya HTTP/3 desteği gibi performans özelliklerini kontrol edin.
• Sunucu lokasyonunu ana hedef kitlenize yakın seçin. Türkiye odaklı bir site için Türkiye veya yakın bölge lokasyonu gecikmeyi azaltır.
• Veritabanı tablolarını temizleyin, gereksiz revizyonları ve geçici verileri silin.
• Yoğun trafik alan sitelerde VPS, bulut sunucu veya ölçeklenebilir hosting planını değerlendirin VPS Sunucu.

Pratik hedef olarak TTFB değerini masaüstünde 200-400 ms, mobilde ise mümkün olduğunca 500 ms altına indirmeye çalışın. Elbette dinamik, kişiselleştirilmiş veya yoğun veritabanı kullanan sayfalarda bu hedef değişebilir. Ancak blog, kurumsal sayfa ve kategori sayfalarında iyi yapılandırılmış cache ile bu değerler ulaşılabilir düzeydedir.

2. LCP Öğesini Tespit Edin ve Önceliklendirin

LCP öğesini bilmeden yapılan optimizasyon tahmine dayanır. Chrome DevTools Performance panelinde veya PageSpeed Insights raporunda LCP elementini görebilirsiniz. Bu öğe çoğu zaman sayfanın üst kısmındaki kapak görseli, slider, büyük başlık bloğu veya video posteri olur. LCP öğesi belirlendikten sonra tarayıcıya bu kaynağın önemli olduğunu anlatmak gerekir.

Hero görseli için önerilen yaklaşım

• LCP görselini lazy load dışında bırakın. Ekranın üst kısmındaki ana görsel tembel yüklenmemelidir.
• Görseli HTML içinde mümkün olduğunca erken tanımlayın. CSS arka planı olarak verilen hero görselleri bazen daha geç keşfedilir.
• Uygun durumlarda preload ve yüksek fetch priority kullanın.
• Mobil ve masaüstü için farklı boyutlar sunun. 390 px genişliğindeki mobil ekrana 1920 px görsel göndermeyin.
• Görsel boyutlarını width ve height ile belirtin. Bu aynı zamanda CLS riskini de azaltır.

Örneğin ana sayfanızdaki LCP öğesi 1600x900 piksel bir banner ise, mobilde 720 px genişliğinde WebP versiyon sunmak büyük fark yaratır. Sıkıştırma sonrası görsel 1,5 MB yerine 180-250 KB aralığına inebilir. Bu tek değişiklik, mobil LCP değerini 1 saniyeden fazla iyileştirebilir.

3. Görselleri WebP veya AVIF ile Optimize Edin

Görseller, LCP sorunlarının en yaygın nedenidir. Özellikle WordPress sitelerinde yüklenen görselin orijinal çözünürlüğü çok büyük olabilir ve tema bu görseli ekranda küçük gösterse bile tarayıcı büyük dosyayı indirmek zorunda kalabilir. Bu yüzden yalnızca görseli sıkıştırmak değil, doğru boyutta sunmak gerekir.

Görsel optimizasyon kontrol listesi

• JPEG ve PNG dosyalarını mümkünse WebP veya AVIF formatına dönüştürün.
• Kapak görsellerini kalite kaybı kabul edilebilir seviyede olacak şekilde sıkıştırın. Genellikle yüzde 70-85 kalite aralığı iyi sonuç verir.
• Responsive image yapısını kullanın. Srcset mantığı sayesinde farklı ekranlara farklı boyutlar gönderilir.
• Gereksiz EXIF ve metadata bilgilerini temizleyin.
• İkonlar için mümkünse SVG kullanın; ancak gereksiz karmaşık SVG dosyalarını da sadeleştirin.

Bir içerik sitesinde yaptığımız tipik senaryoda, blog kapak görselleri ortalama 1,2 MB iken WebP dönüşümü ve doğru yeniden boyutlandırma sonrası 180 KB seviyesine inebilir. Eğer LCP görseli bu kapak görseliyse, özellikle 4G mobil bağlantılarda ciddi hız kazanımı sağlanır. Bu kazanım yalnızca PageSpeed puanını değil, kullanıcının ilk algısını da iyileştirir.

4. Render Engelleyici CSS Dosyalarını Azaltın

Tarayıcı HTML dosyasını aldığında sayfayı çizmek için CSS kurallarına ihtiyaç duyar. Büyük, parçalanmamış ve kullanılmayan CSS dosyaları LCP öğesinin görünmesini geciktirebilir. Özellikle hazır temalar ve sayfa oluşturucular, tek sayfada ihtiyaç duyulmayan çok sayıda stil dosyasını yükleyebilir.

CSS tarafında yapılacaklar

• Kritik CSS oluşturun ve ekranın üst kısmı için gerekli stilleri erken yükleyin.
• Kullanılmayan CSS kodlarını temizleyin veya sayfa bazlı yükleyin.
• CSS dosyalarını küçültün, ancak yalnızca minify ile yetinmeyin; asıl kazanç gereksiz kodu azaltmaktır.
• Üçüncü taraf eklenti CSS dosyalarının tüm sayfalarda yüklenmesini engelleyin.
• Temanızın sadece gerekli bileşenlerini kullanın; dev slider, animasyon ve ikon paketlerini sorgulayın.

Burada dikkat edilmesi gereken nokta, kritik CSS oluştururken sayfanın görsel bütünlüğünü bozmamaktır. Yanlış yapılandırılmış kritik CSS, ilk anda bozuk tasarım görünmesine veya CLS artışına neden olabilir. Bu nedenle her değişiklikten sonra mobil ve masaüstü testleri ayrı ayrı yapılmalıdır.

5. JavaScript Yükünü Kontrol Altına Alın

JavaScript, LCP üzerinde iki şekilde etkili olabilir. Birincisi, JS dosyaları render sürecini engelleyebilir. İkincisi, ana threadi uzun süre meşgul ederek tarayıcının LCP öğesini çizmesini geciktirebilir. Özellikle takip kodları, canlı destek araçları, reklam scriptleri, A/B test araçları ve sosyal medya widgetları performansı belirgin şekilde düşürebilir.

JavaScript için uygulanabilir taktikler

• Kritik olmayan scriptleri defer veya async ile erteleyin.
• İlk ekran için gerekli olmayan üçüncü taraf scriptleri kullanıcı etkileşimi sonrasına bırakın.
• Sayfa oluşturucu eklentilerinin gereksiz JS dosyalarını sayfa bazında kapatın.
• Uzun görevleri azaltmak için kod bölme ve modül bazlı yükleme kullanın.
• Analytics, pixel ve chat scriptlerini tek tek test ederek etkilerini ölçün.

Örneğin bir kurumsal web sitesinde ana sayfada hem slider, hem animasyon kütüphanesi, hem harita embed, hem canlı destek, hem de üç farklı takip kodu aynı anda çalışıyorsa, LCP hedefini yakalamak zorlaşır. Bu araçların bazıları dönüşüm için gerekli olabilir; ancak hepsinin ilk yüklemede çalışması şart değildir. Performans optimizasyonu, iş hedefini bozmadan önceliklendirme yapmaktır.

6. Fontları Hızlandırın ve Metin Görünürlüğünü Koruyun

Birçok sayfada LCP öğesi görsel değil, büyük başlık veya metin bloğudur. Bu durumda web fontlarının geç yüklenmesi LCP değerini doğrudan etkileyebilir. Harici font sağlayıcılarından çok sayıda ağırlık ve stil çağırmak, özellikle mobilde gecikmeye neden olur.

Font optimizasyonu önerileri

• Yalnızca kullanılan font ağırlıklarını yükleyin. 300, 400, 500, 600, 700 ve italik varyasyonların hepsine gerçekten ihtiyaç var mı kontrol edin.
• Font-display swap kullanarak metnin görünmez kalmasını engelleyin.
• Kritik fontları preload edin, ancak gereksiz preload kullanımından kaçının.
• Mümkünse fontları yerel sunucudan servis edin.
• Sistem fontlarını tercih etmek bazı projelerde en hızlı ve sade çözümdür.

Font dosyalarını azaltmak küçük gibi görünse de, LCP metinsel bir öğeyse etkisi büyüktür. Ayrıca fontlar CLS üzerinde de etkilidir. Farklı fontların yüklenmesiyle metin genişliği değişebilir ve sayfa düzeni kayabilir. Bu yüzden performans ile görsel tasarım birlikte değerlendirilmelidir.

7. Cache ve CDN Katmanlarını Doğru Yapılandırın

Önbellekleme, tekrar eden ziyaretlerde ve statik içeriklerde LCP performansını ciddi şekilde iyileştirir. Sayfa cache, obje cache, tarayıcı cache ve CDN cache farklı katmanlardır. Hepsinin amacı, aynı içeriği tekrar tekrar üretmek veya uzak sunucudan taşımak yerine daha hızlı servis etmektir.

WordPress sitelerinde LiteSpeed Cache, Redis object cache, tarayıcı önbelleği ve CDN entegrasyonu birlikte kullanıldığında HTML üretim süresi ve statik dosya teslimi hızlanır. Kurumsal veya özel yazılım projelerinde ise uygulama seviyesinde cache, veritabanı sorgu optimizasyonu ve edge cache stratejisi planlanmalıdır. Trafiğiniz farklı şehir ve ülkelerden geliyorsa CDN kullanmak daha da önemli hale gelir CDN ve Site Hızı Rehberi.

Cache yapılandırmasında dikkat edilecekler

• Statik dosyalar için uzun cache süresi belirleyin ve dosya versiyonlama kullanın.
• HTML cache kurallarını üyelik, sepet veya kişisel panel gibi dinamik alanlarda dikkatli ayarlayın.
• CDN üzerinde görsel optimizasyon, Brotli sıkıştırma ve HTTP/3 desteğini değerlendirin.
• Cache temizleme sürecini yayın akışınıza göre planlayın.
• Mobil ve masaüstü için farklı cache gerekiyorsa yanlış içerik servis edilmediğini test edin.

8. WordPress Siteleri İçin Özel LCP İyileştirme Planı

WordPress, doğru yapılandırıldığında hızlı olabilir; ancak kontrolsüz tema ve eklenti kullanımı LCP değerini yükseltir. WordPress sitelerde en sık gördüğümüz hata, performans sorununu yalnızca cache eklentisiyle çözmeye çalışmaktır. Oysa tema seçimi, eklenti sayısı, görsel disiplini ve hosting kalitesi birlikte ele alınmalıdır WordPress Hosting.

Adım adım WordPress kontrol listesi

• Hafif ve güncel bir tema kullanın. Aşırı özellikli temalar yerine ihtiyaç odaklı tema seçin.
• Gereksiz eklentileri kaldırın. Pasif eklentiler bile güvenlik ve yönetim riski yaratabilir.
• Sayfa oluşturucu kullanıyorsanız global widget ve animasyon yüklerini azaltın.
• Kapak görsellerini yüklemeden önce yeniden boyutlandırın.
• LiteSpeed veya benzeri cache eklentisinde sayfa cache, CSS/JS optimizasyonu ve görsel optimizasyonu dikkatli yapılandırın.
• Veritabanı revizyonlarını, spam yorumları, transients ve taslakları periyodik temizleyin.

Örnek bir blog sayfasında ilk ölçümde LCP 4,1 saniye olabilir. TTFB 900 ms, kapak görseli 1,8 MB ve tema CSS dosyası 450 KB ise çözüm sırası bellidir: önce hosting ve cache ile TTFB düşürülür, ardından kapak görseli WebP ve responsive hale getirilir, son olarak kullanılmayan CSS azaltılır. Bu çalışma sonunda LCP değerinin 1,7-2,1 saniye bandına inmesi gerçekçi bir hedeftir.

9. Mobil LCP İçin Ayrı Optimizasyon Yapın

Mobil kullanıcılar genellikle daha düşük işlem gücüne ve değişken bağlantı kalitesine sahiptir. Bu yüzden masaüstünde iyi görünen LCP değeri mobilde kötü olabilir. Google değerlendirmelerinde mobil deneyimin ağırlığı yüksek olduğundan, testlerinizi mutlaka mobil senaryoda yapmalısınız.

Mobil optimizasyonda büyük görsel ve ağır JavaScript yükü daha fazla sorun yaratır. İlk ekranda otomatik video, büyük slider, yoğun animasyon ve harici gömülü içerik kullanıyorsanız LCP hedefi zorlaşır. Mobilde sade bir hero alanı, net başlık, optimize edilmiş görsel ve hızlı sunucu yanıtı genellikle daha iyi sonuç verir.

Mobil için hızlı kazanımlar

• Slider yerine tek ve optimize edilmiş hero görseli kullanın.
• İlk ekranda video oynatmak yerine sıkıştırılmış poster görseli gösterin.
• Mobilde gereksiz masaüstü bileşenlerini sadece CSS ile gizlemek yerine hiç yüklemeyin.
• Görseller için mobil kırılımlara uygun srcset tanımlayın.
• Üçüncü taraf scriptleri ilk yüklemeden sonra başlatın.

10. Değişiklikleri Sırayla Test Edin ve İzleyin

LCP optimizasyonunda en büyük hatalardan biri, aynı anda çok fazla değişiklik yapıp hangi adımın işe yaradığını anlayamamaktır. Ölçülebilir ilerleme için her değişiklikten önce ve sonra kayıt alın. PageSpeed Insights, WebPageTest filmstrip görünümü ve Chrome DevTools performans kaydı bu süreçte yararlıdır.

Önerilen test akışı şu şekildedir: Önce ana sayfa, en çok trafik alan blog yazısı, kategori sayfası ve dönüşüm sayfası gibi 3-5 kritik URL seçin. Her URL için mevcut LCP, TTFB, LCP öğesi, toplam sayfa boyutu ve istek sayısını not edin. Ardından önce sunucu/cache, sonra görsel, sonra CSS/JS, sonra font iyileştirmelerini uygulayın. Her aşamadan sonra aynı URLleri yeniden test edin. Son olarak Google Search Console Core Web Vitals raporunun güncellenmesini bekleyin; gerçek kullanıcı verileri birkaç hafta içinde daha anlamlı hale gelir.

LCP İçin 2 Saniye Altı Hedef Kontrol Listesi

• TTFB değerini mümkün olduğunca 500 ms altına indirin.
• LCP öğesini kesin olarak belirleyin ve sayfada erken yüklenmesini sağlayın.
• Hero görselini WebP veya AVIF formatında, doğru boyutta servis edin.
• İlk ekrandaki görselleri lazy load dışında bırakın.
• Kritik CSS kullanın, kullanılmayan CSS ve JS dosyalarını azaltın.
• Gereksiz üçüncü taraf scriptleri geciktirin.
• Font sayısını ve ağırlıklarını azaltın, font-display swap kullanın.
• Sayfa cache, tarayıcı cache, obje cache ve CDN katmanlarını yapılandırın.
• Mobil testi ayrı yapın ve gerçek kullanıcı verilerini takip edin.
• Her değişikliği ayrı ölçerek kalıcı performans standardı oluşturun.

Sonuç

LCP süresini 2 saniyenin altına düşürme, tek seferlik bir eklenti ayarı değil; hosting, kaynak önceliği, görsel disiplini, CSS/JS yönetimi, cache ve ölçüm süreçlerinden oluşan bütüncül bir çalışmadır. En hızlı sonuç genellikle TTFB düşürme, LCP görselini optimize etme ve render engelleyici kaynakları azaltma adımlarından gelir. Kalıcı başarı için performansı yayın sürecinizin bir parçası haline getirmelisiniz.

Sitenizin altyapısı performans hedeflerinizi sınırlıyorsa, daha hızlı hosting, doğru sunucu lokasyonu ve güvenli SSL yapılandırmasıyla işe başlayabilirsiniz. Hostragons üzerinde web sitenize uygun barındırma seçeneklerini inceleyerek LCP ve genel kullanıcı deneyimi için daha sağlam bir temel oluşturabilirsiniz Hostragons Hosting Paketleri.

Sıkça Sorulan Sorular

LCP değeri kaç olmalıdır?

Google, 2,5 saniyenin altındaki LCP değerini iyi kabul eder. Ancak rekabetçi SEO ve daha iyi kullanıcı deneyimi için 2 saniyenin altı güçlü bir hedeftir. Özellikle mobil trafikte bu hedef dönüşüm oranlarını olumlu etkileyebilir.

LCP süresini en çok ne etkiler?

En yaygın etkiler yavaş sunucu yanıtı, büyük hero görseli, render engelleyici CSS, ağır JavaScript, geç yüklenen fontlar ve cache eksikliğidir. Hangi faktörün baskın olduğunu anlamak için PageSpeed Insights ve DevTools ile LCP öğesi incelenmelidir.

CDN kullanmak LCP değerini düşürür mü?

Evet, özellikle kullanıcılar sunucu lokasyonundan uzaktaysa CDN statik dosyaları daha yakın uç noktalardan servis ederek yükleme süresini azaltabilir. Ancak TTFB, görsel boyutu ve render engelleyici kaynaklar kötü durumdaysa CDN tek başına yeterli olmayabilir.

WordPress için LCP optimizasyonunda ilk adım ne olmalıdır?

İlk adım LCP öğesini ve TTFB değerini belirlemektir. Ardından hosting ve cache yapılandırması kontrol edilmeli, kapak veya hero görseli optimize edilmeli, gereksiz tema ve eklenti yükleri azaltılmalıdır.

Lazy load LCP için iyi midir?

Ekranın altında kalan görseller için lazy load faydalıdır. Ancak LCP öğesi olan ilk ekran görseline lazy load uygulanması genellikle zararlıdır, çünkü tarayıcı bu önemli kaynağı geç yükler. LCP görseli öncelikli yüklenmelidir.