Pengujian Largest Contentful Paint (LCP)
Tes Largest Contentful Paint SEOptimer menampilkan LCP halaman Anda dibandingkan dengan ambang batas Google, menggunakan data lapangan Google sendiri dari pengunjung nyata.
Audit SEO Situs Apa Pun dalam Hitungan Detik
+ Alat SEO / GEO Komprehensif untuk Setiap Kebutuhan
Jalankan lebih dari 100 pemeriksaan di situs web Anda yang mencakup SEO On-Page, Kegunaan, Performa, Sosial, dan Tautan. Kini dengan GEO di setiap laporan. SEOptimer juga menawarkan riset kata kunci, pelacakan peringkat, backlink, dan perayap situs lengkap.
Tentang Largest Contentful Paint
Apa itu Largest Contentful Paint?
Largest Contentful Paint mengukur waktu yang diperlukan elemen terlihat terbesar untuk selesai dirender—biasanya gambar hero, poster video, atau blok teks judul. Ini adalah angka tunggal yang paling mendekati jawaban atas pertanyaan “kapan halaman mulai terlihat?”.
LCP sengaja mengabaikan semua yang berada di bawah paruh halaman dan semua yang tidak terlihat. Halaman masih dapat memuat skrip dan font jauh setelah LCP tercapai, dan menurut pengukuran ini hal tersebut tidak masalah, karena pengunjung sudah memiliki sesuatu untuk dibaca.
Itulah yang membedakannya dari total waktu pemuatan. Waktu pemuatan menjelaskan kapan browser selesai bekerja; LCP menjelaskan kapan halaman mulai berguna, yaitu saat yang benar-benar dialami pengunjung.
Apa yang dianggap sebagai LCP yang baik?
Google menganggap 2,5 detik atau kurang sebagai baik, 2,5 hingga 4 detik sebagai perlu ditingkatkan, dan lebih dari 4 detik sebagai buruk. Ambang batas ini berlaku untuk persentil ke-75 dari pemuatan halaman yang sebenarnya, sehingga harus terpenuhi untuk tiga dari setiap empat pengunjung, bukan berdasarkan rata-rata.
Persentil tersebut lebih penting daripada yang terlihat pada awalnya. Rata-rata dapat dengan mudah terbantu oleh kunjungan cepat melalui koneksi cepat, sementara persentil ke-75 tetap memperhitungkan seperempat audiens Anda yang lebih lambat, yang biasanya merupakan pengguna seluler.
Oleh karena itu, sebuah halaman dapat gagal pada LCP meskipun terasa sangat cepat di perangkat yang digunakan untuk membangunnya. Kesenjangan tersebut lebih merupakan kondisi normal daripada pengecualian.
Apa yang biasanya menyebabkan LCP lambat
Elemen itu sendiri jarang menjadi masalah. Hal yang menundanya hampir selalu merupakan sesuatu yang terjadi sebelumnya, dan biasanya ada empat penyebab utama:
- Respons server yang lambat, yang menunda semua proses berikutnya sebelum satu byte pun dirender.
- CSS dan JavaScript yang memblokir rendering di bagian head, yang harus diselesaikan browser sebelum menampilkan halaman.
- Gambar hero yang berukuran besar, tidak dioptimalkan, atau dimuat secara lazy padahal seharusnya tidak.
- Gambar terlambat ditemukan karena ditetapkan melalui CSS atau disisipkan oleh skrip, bukan berada di dalam HTML.
Yang terakhir itu paling sering membuat orang keliru. Browser hanya dapat mulai mengambil resource yang bisa dilihatnya di markup, jadi gambar yang tidak pernah disebutkan dalam HTML tidak dapat mulai dimuat sampai stylesheet atau skrip yang menyebutkannya selesai diambil dan diurai.
Cara memperbaikinya
- Letakkan gambar hero di HTML sebagai tag img agar browser dapat menemukannya segera.
- Jangan pernah menerapkan lazy loading pada elemen LCP — lazy loading ditujukan untuk elemen yang berada di bawah batas tampilan awal.
- Sajikan gambar dalam format modern dengan ukuran sesuai tampilan sebenarnya.
- Lakukan preload jika gambar tersebut memang merupakan elemen terpenting di halaman.
- Pindahkan CSS dan JavaScript yang tidak kritis dari jalur rendering.
- Kurangi waktu respons server, karena setiap milidetik dihabiskan sebelum hal lainnya mulai berjalan.
Yang diperiksa alat ini
Tes LCP membaca data lapangan Google untuk halaman tersebut—pengukuran yang dikumpulkan dari pengunjung nyata di Chrome—dan menunjukkan posisinya terhadap ambang batas di atas.
Jika tidak ada hasil yang ditampilkan, lalu lintas ke halaman tersebut belum cukup bagi Google untuk melaporkannya, yang umum terjadi pada halaman baru atau halaman yang jarang dikunjungi. Ini bukan kegagalan, dan tindakan yang bijak adalah memperbaiki penyebab yang terlihat jelas daripada menunggu skor muncul.
Untuk dua metrik lainnya, atau ketiganya sekaligus, gunakan Pengujian Core Web Vitals.
Ke mana selanjutnya
LCP adalah gejala; penyebabnya adalah ukuran dan waktu tunggu. Periksa berapa lama waktu yang dibutuhkan server untuk merespons dengan tes kecepatan pemuatan situs web, seberapa besar ukuran halaman dengan pemeriksaan ukuran file halaman web, dan apakah gambar itu sendiri yang menjadi masalah dengan pemeriksa pengoptimalan gambar.
Kotak Alat SEO Komprehensif dengan Lebih dari 55 Alat
Periksa Title, Meta Description, Heading, Schema, Core Web Vitals, SSL, dan Robots.txt. Buat Meta Tag, Sitemap, dan aturan .htaccess, lakukan minifikasi pada CSS, JS, dan HTML, serta buat draf konten dengan Alat Penulisan AI kami—secara instan dan gratis.
Bacaan Selengkapnya
Lihat Lebih Banyak
Core Web Vitals: What are They? How are They Crucial to SEO?
You should optimize your web pages for a seamless user experience. But how can you measure the quality of user experience on a site? That’...
SEOptimer's Core Web Vitals Checks
What are Core Web Vitals?
Google launched the Core Web Vitals (CWV) initiative in 2020 - "essential metrics for a healthy site". T...
Page Speed: What It Is, and How It Impacts SEO
What is Page Speed?
The term page speed refers to the amount of time your media content or web page will take to download from the...
Webpage Size - Why is it important? And how do you optimize it?
What is Webpage Size?
The term webpage size in the SEO world refers to the downloaded file size of a given web page.
The...