İçeriğe geç
parazade

LCP Ne Demek?

İngilizce: Largest Contentful Paint

Yayın: · Son güncelleme:

LCP Ne Demek? Kısaca

LCP (Largest Contentful Paint), bir sayfa açıldığında ekranda görünen en büyük görsel ya da metin bloğunun yüklenip görüntülenmesi için geçen süreyi ölçen Core Web Vitals metriğidir.

LCP nedir?
İçindekiler
  1. LCP ne demek?
  2. İyi değer kaçtır?
  3. LCP neden yavaşlar?
  4. Nasıl iyileştirilir?

LCP ne demek?

LCP, "Largest Contentful Paint" ifadesinin kısaltmasıdır; Türkçede "en büyük içerikli boyama" diye çevrilir. Sayfa açıldığında ekranın görünen kısmındaki en büyük öğenin yüklenme süresini ölçer. Bu öğe çoğunlukla bir kapak fotoğrafı, ürün görseli ya da büyük bir başlıktır.

Kullanıcı açısından anlamı basittir. "Sayfanın asıl içeriği ne zaman göründü?"

İyi değer kaçtır?

Google'ın eşikleri şöyledir: 2,5 saniye ve altı iyi, 2,5 ile 4 saniye arası iyileştirme gerekli, 4 saniyenin üstü kötü. Değerlendirme, ziyaretlerin yüzde 75'lik dilimine göre yapılır.

LCP, Core Web Vitals içindeki üç metrikten biridir.

LCP neden yavaşlar?

Dört ana neden vardır. Sunucunun geç yanıt vermesi, tarayıcının görseli geç keşfetmesi, görselin büyük olması ve sayfa çizimini engelleyen CSS ya da JavaScript dosyaları.

Varsayımsal bir örnek düşünelim. Bir otel sitesinin ana sayfasında 3 MB'lık bir manzara fotoğrafı var ve bu görsel JavaScript ile sonradan yükleniyor. Mobilde LCP 5 saniyeyi bulabilir.

Nasıl iyileştirilir?

LCP görselini sıkıştırın ve doğru boyutta sunun. Bu görsele geç yükleme (lazy loading) uygulamayın, tersine fetchpriority="high" ile öncelik verin. Görseli HTML'de doğrudan tanımlayın ki tarayıcı erkenden fark etsin.

Sunucu tarafında yanıt süresini kısaltmak da önemlidir. Önbellekleme ve CDN kullanmak, TTFB ile birlikte LCP'yi de düşürür.

Sıkça Sorulan Sorular

LCP nedir ve iyi bir LCP değeri kaçtır?

LCP, sayfanın ana içeriğinin ne kadar sürede göründüğünü ölçer. Google, ziyaretlerin yüzde 75'inde 2,5 saniye ve altını iyi, 4 saniyenin üstünü kötü kabul eder.

LCP öğesi hangisi, nasıl bulunur?

PageSpeed Insights raporu, LCP olarak ölçülen öğeyi doğrudan gösterir. Çoğu sayfada bu öğe kapak görseli, ürün fotoğrafı ya da büyük bir başlık bloğudur.

İlgili terimler

Core Web VitalsCore Web Vitals, Google'ın bir web sayfasının yüklenme hızını, etkileşime tepki süresini ve görsel kararlılığını ölçen üç temel kullanıcı deneyimi metriğidir: LCP, INP ve CLS.FCP(First Contentful Paint)FCP (First Contentful Paint), kullanıcı bir sayfaya gittikten sonra ekranda ilk metin, görsel ya da başka bir içerik parçasının görüntülenmesine kadar geçen süreyi ölçen hız metriğidir.TTFB(Time to First Byte)TTFB (Time to First Byte), tarayıcının bir sayfa için istek göndermesinden sunucudan gelen yanıtın ilk baytını almasına kadar geçen süredir; sunucu ve ağ tarafındaki hızın temel göstergesidir.Sayfa Hızı(Page Speed)Sayfa hızı, bir web sayfasının içeriğinin kullanıcının tarayıcısında ne kadar sürede yüklenip etkileşime hazır hâle geldiğidir; LCP, INP ve TTFB gibi metriklerle ölçülür.JavaScriptJavaScript, web sayfalarına buton tıklaması, form doğrulama ve anlık güncelleme gibi etkileşimler kazandıran, tarayıcıların yanı sıra Node.js ile sunucuda da çalışabilen yaygın bir programlama dilidir.Tarayıcı(Web Browser)Tarayıcı (web browser), internetteki web sayfalarını açmak, görüntülemek ve sayfalar arasında gezinmek için kullanılan yazılımdır. Chrome, Safari, Firefox ve Edge en yaygın tarayıcılardandır.Sunucu(Server)Sunucu (server), ağ üzerinden başka bilgisayarlara ve cihazlara veri, dosya, web sayfası ya da uygulama hizmeti sağlayan bilgisayar veya yazılımdır. İstek gönderen tarafa istemci denir.