Connor Clark
Dipublikasikan: 8 Okt 2025
Largest Contentful Paint (LCP) melaporkan waktu render gambar, blok teks, atau video terbesar yang terlihat di area pandang, yang relatif terhadap momen saat pengguna pertama kali membuka halaman. Saat mengoptimalkan LCP, akan berguna jika memecahnya menjadi subbagian. Setiap subbagian LCP memiliki strategi peningkatan tertentu. Idealnya, sebagian besar waktu LCP harus digunakan untuk memuat resource, bukan untuk penundaan.
Subbagiannya adalah:
| Subbagian LCP | Penjelasan |
|---|---|
| Time to First Byte (TTFB) | Waktu sejak pengguna memulai pemuatan halaman hingga browser menerima byte pertama respons dokumen HTML. |
| Penundaan pemuatan resource | Waktu antara TTFB dan saat browser mulai memuat resource LCP. Jika elemen LCP tidak memerlukan pemuatan resource untuk dirender (misalnya, jika elemen adalah node teks yang dirender dengan font sistem), waktu ini adalah 0. |
| Durasi pemuatan resource | Durasi waktu yang diperlukan untuk memuat resource LCP itu sendiri. Jika elemen LCP tidak memerlukan pemuatan resource untuk dirender, waktu ini adalah 0. |
| Penundaan render elemen | Waktu antara saat resource LCP selesai dimuat dan elemen LCP dirender sepenuhnya. |
Cara meneruskan insight ini
Insight ini selalu ditampilkan untuk tujuan informasi (jika LCP diukur).
Targetkan LCP 2,5 detik atau lebih baik, dan kurangi waktu setiap fase sebanyak mungkin, terutama fase penundaan. Lihat Mengoptimalkan Largest Contentful Paint untuk mengetahui strategi spesifik.