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, eşikleri için cihazdan bağımsız olarak aynı eşikleri önerir. Bu eşikler temel olarak mobil eşikleri kullanır. 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 alt bölüme ayrılabilir. En uzun süren alt bölümleri bilmek, LCP'nizi optimize etmenize yardımcı olabilir. Lighthouse, "Largest Contentful Paint öğesi" teşhisinde LCP öğesini alt bölüm dökümüyle birlikte gösterir.
| LCP alt bölümü | 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. |