Tiga metrik dan apa yang ditangkap masing-masing
Tiap metrik menutupi satu cara berbeda sebuah halaman bisa terasa salah, dan ketiganya gagal secara terpisah. Halaman bisa memuat cepat namun tetap bergeser di bawah ibu jari pembaca; halaman bisa sangat stabil namun butuh empat detik sebelum menampilkan apa pun.
| Metrik | Menutupi | Baik | Perlu perbaikan di atas |
|---|---|---|---|
| LCP | Pemuatan | ≤ 2,5 dtk | 4,0 dtk |
| INP | Daya tanggap | ≤ 200 md | 500 md |
| CLS | Kestabilan visual | ≤ 0,1 | 0,25 |
Largest Contentful Paint menandai saat elemen terbesar di layar selesai dirender, biasanya gambar utama atau blok judul. Ia mewakili gagasan «halamannya kelihatan sudah sampai», dan justru karena itu ia mengalahkan penanda lama seperti gambar pertama: bingkai kosong yang cepat digambar bukanlah halaman yang cepat memuat.
Interaction to Next Paint menggantikan First Input Delay sebagai Core Web Vital stabil pada Maret 2024, dan pergantian itu berarti. FID hanya mengukur jeda sebelum interaksi pertama ditangani, sehingga menyanjung halaman yang gesit menjawab ketukan pertama lalu tersendat. INP melihat latensi penuh interaksi sepanjang kunjungan dan melaporkan angka mendekati yang terburuk.
Cumulative Layout Shift mengukur konten yang bergerak setelah digambar. Ia metrik di balik pengalaman universal menjangkau sebuah tautan lalu mengenai iklan yang baru tiba di bawahnya. Karena ini skor, bukan durasi, satu pergeseran buruk di penghujung halaman bisa mendominasi angkanya.
Dinilai pada persentil ke-75, atas data lapangan
Bagian inilah yang menjebak banyak tim. Penilaian memakai persentil ke-75 dari pemuatan halaman dalam jendela bergulir 28 hari, dipisah untuk seluler dan desktop. Median yang nyaman dengan ekor lambat tetap gagal — memang disengaja. Metrik ini bicara tentang seperempat pengunjung yang paling menderita, bukan tentang yang biasa.
Artinya pula datanya adalah data lapangan, dikumpulkan dari kunjungan nyata, bukan dari satu jalannya alat uji. Perkakas laboratorium adalah alat diagnosis: ia memberi tahu sumber daya mana yang menahan render, dan untuk itu ia perkakas yang tepat. Ia bukan penilaiannya, dan skor hijau di laboratorium di samping penilaian lapangan yang gagal bukan kontradiksi — artinya pengunjung nyata Anda tidak duduk di mesin tempat Anda menguji.
Apa yang sebenarnya menggerakkan tiap metrik
Penyebabnya tidak memukau dan berulang dari satu situs ke situs lain. Sebagian besar pekerjaannya adalah memutuskan apa yang harus dimiliki peramban sebelum gambar bermakna pertama, lalu menolak memberi tempat kepada segala yang lain dalam antrean itu.
| Metrik | Penyebab lazim | Perbaikan lazim |
|---|---|---|
| LCP | Respons server lambat | Simpan dokumen di singgahan; pangkas rantai pengalihan |
| LCP | Gambar utama terlambat ditemukan | Muat lebih dulu; jangan pernah dimuat malas |
| LCP | CSS atau fon yang memblokir render | CSS kritis di dalam berkas; pakai font-display |
| INP | Tugas JavaScript panjang di utas utama | Pecah-pecah; tunda yang tidak penting |
| INP | Skrip pihak ketiga yang berat | Muat belakangan, atau buang |
| CLS | Gambar dan sematan tanpa ukuran | Tetapkan width dan height, atau aspect-ratio |
| CLS | Fon yang berganti dan menyusun ulang teks | Samakan metrik fon cadangan; muat fonnya lebih dulu |
| CLS | Spanduk yang disisipkan di atas konten | Sediakan ruangnya sebelum terisi |
Skrip pihak ketiga layak disebut tersendiri, karena ia penyebab paling umum masalah INP dan yang tak diakui siapa pun. Setiap tag yang ditambahkan untuk analitik, obrolan, uji coba, atau persetujuan berebut utas utama yang sama dengan yang dibutuhkan ketukan pembaca. Pertanyaan audit yang berguna bukan apakah masing-masing bermanfaat, melainkan berapa ongkosnya pada persentil ke-75.
Di mana pengalaman halaman berdiri di antara sinyal
Google mengatakan sistem peringkat intinya menggunakan Core Web Vitals, tetapi tidak ada satu pun “sinyal pengalaman halaman”. Relevansi tetap diutamakan, dan Core Web Vitals yang bagus tidak menjamin peringkat teratas.
Prioritaskan masalah yang dihadapi pengguna, terutama pada template penting, tanpa memperlakukan ambang batas kelulusan sebagai jaminan peringkat. Halaman yang relevan dengan pengalaman buruk masih dapat diberi peringkat; halaman cepat yang melewatkan kueri tidak menjadi relevan karena cepat.
Urutan kerja yang masuk akal
Bila Anda memulai dari penilaian yang gagal, urutan ini menghindari pemborosan paling umum: menghaluskan yang sudah lulus, atau memperbaiki halaman tanpa lalu lintas.
- Baca data lapangan lebih dulu, dipisah seluler dan desktop. Biasanya hanya seluler yang gagal, dan membenahi desktop tidak mengubah apa pun.
- Cari metrik mana yang gagal dan pada kelompok halaman mana. Templat gagal bersama-sama; satu URL jarang banyak bicara.
- Reproduksi penyebabnya di laboratorium, dengan sambungan dibatasi. Laboratorium memberi tahu apa yang lambat; lapangan sudah memberi tahu bahwa itu penting.
- Perbaiki penyumbang tunggal terbesar lalu rilis. Metrik ini bergerak lewat perbaikan sebagian; jarang ada satu sakelar.
- Tunggu jendela 28 hari sebelum menilai. Penilaiannya rata-rata yang tertinggal, jadi perbaikan hari ini muncul berangsur-angsur.