Digital Transformation
LCP (Largest Contentful Paint)
TL;DR: LCP (Largest Contentful Paint) adalah metrik Core Web Vitals yang mengukur waktu render elemen konten terbesar yang terlihat pengguna, biasanya gambar hero atau blok teks heading utama. Skor baik ada di bawah 2,5 detik. LCP menjadi salah satu faktor peringkat SEO sejak Mei 2021.
Apa itu LCP?
LCP adalah waktu yang dibutuhkan browser untuk selesai merender elemen konten terbesar yang terlihat di layar saat halaman dimuat, biasanya gambar utama, video thumbnail, atau blok teks heading besar. Metrik ini menggantikan pendekatan lama seperti First Contentful Paint karena lebih mendekati persepsi pengguna soal halaman ini sudah siap dibaca.
Google memasukkan LCP sebagai bagian dari Core Web Vitals sejak Mei 2021, bersama dua metrik lain yaitu INP dan CLS.
Skor dan Cara Mengukur
| Skor | Rentang |
|---|---|
| Baik | di bawah 2,5 detik |
| Perlu perbaikan | 2,5-4 detik |
| Buruk | di atas 4 detik |
LCP bisa diukur lewat Google PageSpeed Insights, Chrome DevTools, atau laporan Core Web Vitals di Search Console.
Penyebab Umum LCP Lambat
- Gambar hero berukuran file besar tanpa kompresi
- TTFB server yang lambat
- CSS atau JavaScript yang memblokir render
- Font kustom yang menunda tampilnya teks
Dalam beberapa audit performa website klien, penyebab paling sering justru gambar hero yang belum dioptimasi dengan format modern dan atribut loading yang tepat, bukan masalah kode aplikasi.
Kenapa Penting?
Bagi bisnis dengan traffic dari pencarian organik, LCP yang lambat berarti pengunjung menunggu lebih lama sebelum melihat konten utama, yang berkorelasi dengan bounce rate lebih tinggi terutama di koneksi mobile. LCP juga menjadi sinyal ranking langsung di Google, meski bobotnya tidak sebesar relevansi konten.
Pertanyaan Umum
Apakah LCP sama dengan waktu loading halaman secara keseluruhan?
Tidak. LCP hanya mengukur elemen konten terbesar yang terlihat, bukan seluruh proses loading termasuk elemen di luar viewport.
Elemen apa saja yang dihitung sebagai LCP?
Elemen gambar, poster video, elemen dengan background-image lewat CSS, dan blok teks berisi node teks level blok yang terlihat pertama kali.
Berapa lama sampai LCP membaik setelah optimasi?
Perubahan biasanya langsung terlihat di data lab seperti PageSpeed Insights, tapi data lapangan di Search Console butuh sekitar 28 hari karena berbasis rolling average pengguna nyata.
Istilah Terkait