Sederhananya, Largest Contentful Paint mengukur waktu yang dibutuhkan situs web untuk menunjukkan kepada pengguna elemen terbesar di layar, lengkap dan siap untuk berinteraksi. Analisis metrik ini berakhir segera setelah ada interaksi pengguna seperti mengklik, menggulir, atau input pengguna seperti memasukkan teks ke dalam kotak jenis.
Google telah menyatakan bahwa metrik ini hanya
mempertimbangkan konten paruh atas secara khusus, artinya semua yang muncul di
halaman segera setelah memuat tanpa menggulir.
.png "Largest Contentful Paint (LCP)")
Berapa Skor Largest Contentful Paint yang Ideal?
Meskipun sering disebutkan bahwa 1 detik adalah jumlah waktu
yang akan ditunggu pengguna sebelum mereka mulai kehilangan fokus pada suatu
tugas, ini hanyalah perkiraan yang dibuat oleh para peneliti. Untuk tujuan
peringkat SEO dan pengalaman pengguna yang positif secara keseluruhan dari
sudut pandang Google, skor LCP positif 2,5 detik atau kurang dianggap
"baik".
Jika skor situs web Anda berada di kisaran 2,5 hingga 4
detik, itu dianggap "membutuhkan peningkatan", sementara apa pun yang
lebih dari 4 detik dianggap "buruk".
Penting untuk dicatat bahwa contentful paint terbesar
menyumbang sekitar 25% dari Skor Performa Google Anda (juga dikenal sebagai
skor "Kecepatan Halaman" di seluler dan desktop).
Apa Ambang Batas untuk Largest Contentful Paint (LCP) yang Harus Diukur?
Untuk memastikan Anda mencapai target LCP untuk sebagian
besar pengguna, Anda sebaiknya mengukur terhadap persentil ke-75 dari semua
pemuatan halaman ke situs web tersebut.
Secara sederhana, mengukur terhadap persentil ke-75 berarti
bahwa jika setidaknya 75% tampilan halaman ke situs web memenuhi ambang batas
"baik", situs tersebut dianggap memiliki kinerja "baik"
untuk metrik tersebut.
Di sisi lain, jika setidaknya 25% tampilan halaman memenuhi
ambang batas "buruk", situs tersebut dianggap memiliki kinerja
"buruk". Misalnya, LCP persentil ke-75 dari 2 detik dianggap
"baik", sedangkan LCP persentil ke-75 dari 5 detik dianggap
"buruk".
Mengapa skor Largest Contentful Paint website Anda begitu tinggi?
Skor cat puas terbesar mengukur sumber daya tertentu yang
diberikan di paro atas yang relevan dengan pengalaman pengguna, termasuk:
Gambar latar belakang dengan CSS.
Elemen teks, seperti paragraf, judul, dan daftar.
Gambar-gambar.
Tag gambar.
Thumbnail video.
Jika waktu muat sumber daya yang lambat terdeteksi pada
salah satu elemen ini, Google menentukan bahwa ini akan menyebabkan pengalaman
pengguna yang buruk dan metrik LCP akan terpengaruh secara negatif.
Ini adalah elemen kunci yang dipertimbangkan saat ini,
tetapi sengaja dibuat sederhana saat core web vitals diluncurkan dan elemen
tambahan mungkin ditambahkan saat lebih banyak penelitian dilakukan.
Alat apa yang dapat digunakan untuk mengukur LCP?
Ada beberapa alat dan setiap alat menawarkan wawasan yang
sangat berharga yang dapat digunakan untuk mengoptimalkan pengalaman pengguna
Anda.
1. PageSpeed Insight
PageSpeed Insights (PSI) memberikan pelaporan terperinci
tentang kinerja seluler dan desktop dari suatu halaman, dan juga memberikan
saran langsung tentang bagaimana halaman tersebut dapat dioptimalkan. PSI
menyertakan data lab dan lapangan dalam laporannya, dan juga memperhitungkan
ketiga metrik Data Web Inti kumulatif termasuk LCP.
Tepat di bagian atas laporan, PSI menampilkan skor yang
merangkum performa halaman secara keseluruhan. Skor apa pun dari 90 atau lebih
tinggi dianggap baik, sementara skor antara 50 hingga 90 adalah skor yang dapat
menggunakan peningkatan. Apa pun di bawah 50 dianggap sebagai hasil yang buruk.
Skor tersebut akhirnya ditentukan dengan menjalankan
Lighthouse untuk mengumpulkan dan menganalisis data lab tentang halaman
tersebut. Sementara PageSpeed menggunakan informasi yang dihasilkan oleh
Lighthouse dan kemudian menambahkan lebih banyak data dunia nyata, Lighthouse
memberi Anda lebih dari satu skor. Ini menawarkan lebih banyak fitur lebih dari
sekadar mengukur kinerja situs web Anda.
Lighthouse
Lighthouse adalah alat lab open-source otomatis yang
digunakan untuk meningkatkan kualitas halaman web, dan tidak seperti wawasan
PageSpeed, Lighthouse tidak hanya mengukur metrik kinerja. Ini juga memiliki
audit untuk aksesibilitas, SEO, aplikasi web progresif, dan banyak lagi.
Sementara Google PageSpeed menggunakan kombinasi data lab
dan dunia nyata, Lighthouse secara eksklusif menggunakan data lab (dalam
kondisi yang konsisten) untuk membuat laporannya.
Karena Lighthouse kini tergabung dalam PageSpeed Insights
sebagai mesin analisis terintegrasinya, Anda dapat mengakses data Lighthouse
hanya dengan menjalankan laporan PageSpeed. Ada kalanya Anda mungkin ingin
menggunakan Lighthouse daripada PageSpeed Insights, seperti saat Anda ingin
menjalankan audit secara terprogram, mengevaluasi aspek lain dari situs web
Anda selain hanya waktu pemuatan, atau jika Anda ingin memasukkan Lighthouse
API ke dalam sistem Anda sendiri.
Chrome DevTools
Dibangun langsung di browser Chrome, Chrome DevTools adalah
seperangkat alat pengembang web yang dapat digunakan untuk memeriksa aktivitas
jaringan halaman dan melihat lebih dekat pada HTML yang dirender (DOM), CSS
penting, CSS non-kritis, kritis jalur CSS, CSS yang tidak digunakan, JavaScript
yang tidak digunakan, bundel JavaScript, apakah ada JavaScript yang memblokir,
dan banyak lagi.
Chrome DevTools dapat digunakan untuk memecahkan masalah
penayangan iklan dan untuk menemukan LCP pada halaman tertentu. Cukup jalankan
rekaman Performa dan Anda akan menemukan LCP di Bagian Pengaturan Waktu.
Mengklik penanda LCP akan menyorot elemen pada halaman.
Secara umum, rekaman kinerja akan menunjukkan bagaimana
kinerja halaman Anda saat dijalankan, bukan saat memuat. Ini akan menunjukkan
bingkai Anda per detik (FPS) dan kemacetan apa pun.
WebPageTest
WebPageTest adalah alat analisis kinerja web gratis yang
tidak termasuk dalam payung Google. Ini menggunakan browser nyata untuk
mengakses halaman web dan mengumpulkan metrik waktu sehingga dapat menilai
kinerja keseluruhan situs web.
Fitur khas WebPageTest adalah metrik yang disebut SpeedIndex
yang secara khusus berfokus pada seberapa cepat konten paruh atas ditampilkan.
Kesimpulan: Meskipun Largest Contentful Paint (LCP) hanyalah salah satu faktor dari banyak faktor dalam hal kecepatan situs website dan pengalaman pengguna yang menyeluruh, itu bukan sesuatu yang ingin Anda anggap enteng. Seperti yang telah kita pelajari, waktu buka halaman web tidak hanya berdampak besar pada pengalaman pengguna, tetapi juga dapat menjadi faktor peringkat SEO yang sangat besar, yaitu berapa banyak situs web yang mendapatkan lalu lintas pengguna.