Largest Contentful Paint (LCP), Lighthouse raporunun Performans bölümünde izlenen metriklerden biridir. Her metrik, sayfa yükleme hızının bir yönünü yakalar.
Lighthouse, LCP'yi saniye cinsinden gösterir:
LCP'nin ölçtüğü değerler
LCP, görüntü alanındaki en büyük içerik öğesinin ekranda oluşturulduğu zamanı ölçer. Bu, sayfanın ana içeriğinin kullanıcılara ne zaman gösterileceğini yaklaşık olarak belirtir. LCP'nin nasıl belirlendiği hakkında daha fazla bilgi için Largest Contentful Paint'in tanımı başlıklı makaleyi inceleyin.
Lighthouse, LCP puanınızı nasıl belirler?
Lighthouse, LCP verilerini Chrome'un izleme aracından alır.
Aşağıdaki tabloda, mobil cihazlarda LCP puanınızın nasıl yorumlanacağı gösterilmektedir:
| LCP süresi (saniye cinsinden) |
Renkle kodlama |
|---|---|
| 0-2,5 | Yeşil (hızlı) |
| 2,5-4 | Turuncu (orta) |
| En az 5 kişi | Kırmızı (yavaş) |
Web Vitals girişimi, temel olarak mobil eşikleri kullanan eşikleri için cihazdan bağımsız olarak aynı eşikleri önerir. Ancak Lighthouse bir laboratuvar aracı olduğundan, farklı eşikler kullandığı daha hızlı masaüstü cihazları test ederken daha katı davranmak yararlı olabilir.
Aşağıdaki tabloda, masaüstünde LCP puanınızın nasıl yorumlanacağı gösterilmektedir:
| LCP süresi (saniye cinsinden) |
Renkle kodlama |
|---|---|
| 0-1,2 | Yeşil (hızlı) |
| 1,2-2,4 | Turuncu (orta) |
| 2,4'ten fazla | Kırmızı (yavaş) |
LCP puanınızı iyileştirme
LCP bir resimse zamanlama dört aşamaya ayrılabilir. En uzun süren aşamaları bilmek, LCP'nizi optimize etmenize yardımcı olabilir. Lighthouse, "Largest Contentful Paint öğesi" teşhisinde LCP öğesini ve aşama dökümünü gösterir.
| LCP aşaması | Açıklama |
|---|---|
| İlk bayta geçiş süresi (TTFB) | Kullanıcının sayfayı yüklemeye başlamasından tarayıcının HTML dokümanı yanıtının ilk baytını almasına kadar geçen süre. TTFB hakkında daha fazla bilgi edinin. |
| Yükleme gecikmesi | TTFB ile tarayıcının LCP kaynağını yüklemeye başladığı zaman arasındaki fark. |
| Yükleme süresi | LCP kaynağının kendisinin yüklenmesi için geçen süre. |
| Oluşturma gecikmesi | LCP kaynağının yüklenmesi tamamlandıktan LCP öğesinin tamamen oluşturulmasına kadar geçen süre. |