Largest Contentful Paint (LCP), Lighthouse raporunun Performans bölümünde izlenen metriklerden biridir. Her metrik, sayfa yükleme hızının belirli bir yönünü yakalar.
Lighthouse, LCP'yi saniye cinsinden gösterir:
LCP neyi ölçer?
LCP, görüntü alanındaki en büyük içerik öğesinin ekrana ne zaman oluşturulduğunu ölçer. Bu değer, sayfanın ana içeriğinin kullanıcılar tarafından görülebildiği yaklaşık zamanı ifade eder. LCP'nin nasıl belirlendiği hakkında daha fazla ayrıntı için Largest Contentful Paint tanımlandı bölümüne bakın.
Lighthouse, LCP puanınızı nasıl belirler?
Lighthouse, Chrome'un izleme aracından LCP verilerini çıkarır.
Aşağıdaki tabloda LCP puanınızı nasıl yorumlayacağınız gösterilmektedir:
| LCP süresi (saniye cinsinden) |
Renklerle kodlama |
|---|---|
| 0-2.5 | Yeşil (hızlı) |
| 2.5-4 | Turuncu (orta) |
| 4'ten fazla | Kırmızı (yavaş) |
LCP puanınızı artırma
LCP bir resimse zamanlama dört aşamaya ayrılabilir. Hangi aşamaların en uzun sürdüğünü bilmek LCP'nizi optimize etmenize yardımcı olabilir. Lighthouse, "Largest Contentful Paint öğesi" teşhisinde LCP öğesini aşama dökümüyle birlikte gösterir.
| LCP aşaması | Açıklama |
|---|---|
| İlk bayta kadar geçen süre (TTFB) | Kullanıcının sayfayı yüklemeye başlamasından, tarayıcının HTML belgesi 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 delta. |
| Yükleme süresi | LCP kaynağının kendisini yüklemek için gereken süre. |
| Oluşturma gecikmesi | LCP kaynağının yüklemeyi bitirdiği andan LCP öğesi tamamen oluşturulana kadar geçen delta. |