LCP öğesi çoğunlukla ana görsel (hero), büyük bir başlık veya bir video kapak resmidir. Tarayıcı, kullanıcı etkileşime geçene kadar en büyük öğeyi takip eder ve son adayın çizildiği anı LCP olarak raporlar.
LCP süresi dört parçaya ayrılabilir: sunucunun ilk baytı gönderme süresi (TTFB), kaynağın yüklenmeye başlamasındaki gecikme, kaynağın indirilme süresi ve indirildikten sonra ekrana çizilene kadar geçen süre. Hangi parçanın uzun olduğunu bilmek, doğru düzeltmeyi seçmeyi sağlar.
Yaygın sebepler ve çözümler: ana görsele lazy load uygulanması (ilk ekrandaki görsel tembel yüklenmemeli), görselin çok büyük veya eski formatta olması, render'ı engelleyen CSS ve yazı tipleri, yavaş sunucu. Ana görsele fetchpriority="high" vermek ve doğru boyutta AVIF veya WebP sunmak sık işe yarayan adımlardır.
Sitenizde nasıl kontrol edilir?
- PageSpeed Insights'ta LCP öğesinin hangisi olduğunu ve LCP dökümünü görün.
- Chrome geliştirici araçlarındaki Performance panelinde LCP işaretini bulun.
- LCP görselinin lazy load içermediğini doğrulayın.
Ayrıntı ve uygulama: LCP dökümü nedir
İlgili terimler
- Core Web VitalsCore Web Vitals, Google'ın gerçek kullanıcı deneyimini ölçmek için kullandığı üç metriktir: yükleme hızı için LCP, etkileşime yanıt için INP ve görsel kararlılık için CLS. Google'ın sayfa deneyimi değerlendirmesinin bir parçasıdır.
- INPINP (Interaction to Next Paint), kullanıcının tıklama, dokunma veya tuşa basma gibi etkileşimlerinden sonra sayfanın görsel olarak yanıt vermesine kadar geçen süreyi ölçen Core Web Vitals metriğidir. İyi değer 200 milisaniye veya altıdır; 12 Mart 2024'te FID'nin yerini aldı.
- CLSCLS (Cumulative Layout Shift), sayfa açılırken ve kullanılırken içeriğin beklenmedik biçimde yer değiştirmesini ölçen Core Web Vitals metriğidir. Birimsiz bir puandır; 0,1 veya altı iyi, 0,25'in üstü zayıf kabul edilir.
- Sayfa hızı ve PageSpeed InsightsSayfa hızı, bir sayfanın ne kadar çabuk yüklenip kullanılabilir hale geldiğidir. Google'ın ücretsiz PageSpeed Insights aracı bunu iki kaynaktan ölçer: gerçek kullanıcıların saha verisi (CrUX) ve Lighthouse ile yapılan laboratuvar testi.
Sözlüğün tamamı (70 terim) · Sitenizi kontrol edin: web sitesi kontrol aracı