Tiga pengukuran mewakili rasa sebuah halaman. Ketiganya layak dipahami karena masing-masing punya sebab dan obat yang berbeda, dan karena nilai bagus di laptop nyaris tak berkata apa-apa tentang telepon yang memakai data seluler.
LCP — kapan hal utamanya muncul
Waktu sampai unsur terbesar yang tampak selesai digambar: biasanya gambar utama atau judulnya. Bidiklah di bawah 2,5 detik.
- Jangan memuatnya secara malas — lihat Pemuatan malas tanpa merusak tata letak.
- Sajikan dalam format masa kini dan pada ukuran sebagaimana ia ditampilkan.
- Turunkan bita pertama dari server — lihat Apa itu TTFB.
INP — apakah ia menjawab
Berapa lama halaman itu menanggapi secara kasatmata setelah sebuah ketukan atau klik. Bidiklah di bawah 200 md. Hampir selalu penyebabnya JavaScript yang menduduki utas utama: bundel besar yang sedang diurai, tag pihak ketiga, skrip analitik yang bekerja pada setiap guliran.
CLS — apakah ia bergeser
Seberapa jauh tata letaknya bergeser setelah digambar. Bidiklah di bawah 0,1. Daftar sebabnya pendek: gambar tanpa ukuran, iklan dan sematan tanpa ruang yang dipesan, dan huruf web yang masuk menggantikan dengan ukuran yang berbeda.
Ukurlah pada halaman yang sungguhan
npx unlighthouse --site https://yourdomain.com # every page
# or one page, in Chrome: DevTools > Lighthouse > MobileLaboratorium dan lapangan itu dua hal berbeda
Lighthouse adalah simulasi di mesin Anda sendiri. Yang dipakai mesin pencari adalah apa yang dialami pengunjung sungguhan selama sebulan terakhir, termasuk telepon tua dan sambungan yang buruk. Nilai laboratorium yang sempurna dengan data lapangan yang buruk berarti pengunjung Anda tidak memakai perangkat keras Anda.