Google mengukur tiga hal tentang bagaimana website terasa bagi penggunanya: seberapa cepat konten utama muncul, seberapa cepat halaman merespons klik, dan seberapa banyak elemen “melompat” saat halaman dimuat. Ketiganya disebut Core Web Vitals. Ini bukan satu-satunya faktor Google dalam mengurutkan hasil pencarian, tetapi merupakan sinyal nyata, dan pengunjung merasakan masing-masing.
Yang akan Anda capai
- memahami apa yang diukur setiap angka dan berapa nilai yang baik;
- melihat angka sebenarnya, dari pengunjung sungguhan;
- tahu dari mana biasanya nilai yang buruk berasal.
Tiga angka
| Angka | Yang diukur | Baik | Perlu ditingkatkan | Buruk |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | berapa lama elemen terbesar yang terlihat muncul: foto besar, judul, blok teks | hingga 2,5 dtk | 2,5–4 dtk | di atas 4 dtk |
| INP (Interaction to Next Paint) | seberapa cepat halaman merespons saat Anda mengklik, menyentuh, atau mengetik | hingga 200 md | 200–500 md | di atas 500 md |
| CLS (Cumulative Layout Shift) | seberapa banyak konten bergeser selama halaman dimuat | hingga 0,1 | 0,1–0,25 | di atas 0,25 |
Google melihat nilai yang dicapai 75% kunjungan: jika tiga perempat pengunjung mendapat LCP di bawah 2,5 detik, LCP halaman tersebut “baik”.
Dua jenis pengukuran
- Data lapangan (field data): berasal dari pengunjung sungguhan yang memakai Chrome, dikumpulkan selama 28 hari terakhir. Data inilah yang penting bagi Google. Website baru atau yang sepi pengunjung mungkin belum punya cukup data.
- Data lab (lab data): tes yang dilakukan saat ini, dari satu perangkat simulasi. Berguna untuk menemukan penyebab dan langsung melihat efek perubahan. Skor 0 sampai 100 di PageSpeed Insights berasal dari data lab.
Jika keduanya bertentangan, percayai data lapangan.
Langkah-langkah
A. Melihat angka Anda
- Buka https://pagespeed.web.dev dan tulis alamat halaman, misalnya halaman utama.
- Di bagian atas terlihat hasil untuk seluler; tab di sebelahnya untuk desktop. Mulailah dari seluler: biasanya masalahnya ada di sana, dan dari sanalah sebagian besar pengunjung datang.
- Bagian pertama menampilkan data lapangan untuk LCP, INP, dan CLS, jika ada. Di bawahnya ada tes lab, dengan skor dan daftar rekomendasi (Diagnostik).
- Ulangi untuk 2–3 halaman penting: halaman layanan, halaman produk, halaman kontak.
B. Memantau dari waktu ke waktu
- Di Search Console (lihat Google Search Console: menghubungkan website Anda ke Google), laporan Core Web Vitals mengelompokkan halaman website menjadi baik, perlu ditingkatkan, dan buruk, terpisah untuk seluler dan desktop.
- Setelah perbaikan, laporan diperbarui bertahap seiring masuknya data baru dari pengunjung, yaitu dalam beberapa minggu.
C. Menemukan penyebab
LCP buruk — konten utama muncul terlambat:
- foto besar di bagian atas halaman terlalu berat atau formatnya lama (lihat Gambar WebP dan AVIF: tampilan sama, kilobyte lebih sedikit);
- foto besar dimuat tertunda (
loading="lazy"); gambar pertama harus langsung dimuat (lihat Gambar di WordPress: ukuran, format, dan pemuatan); - server lambat merespons: halaman tidak di-cache, versi PHP sudah lama, atau plugin terlalu banyak (lihat Website lambat: apa yang diperiksa, berurutan);
- font dan script eksternal yang menahan halaman.
INP buruk — halaman lambat merespons klik:
- JavaScript terlalu banyak: slider, animasi, chat, pixel iklan, page builder;
- script dari perusahaan lain (chat, ulasan, peta) yang berjalan setiap kali ada klik.
CLS buruk — konten melompat:
- gambar tanpa lebar dan tinggi di kode, sehingga halaman tidak menyediakan tempatnya;
- banner, iklan, atau bar cookie yang mendorong konten ke bawah setelah halaman dimuat;
- font yang berganti setelah dimuat dan mengubah panjang teks.
Target realistis untuk website kecil
- Skor lab 100 bukanlah tujuan; yang menjadi tujuan adalah ketiga angka “baik” pada pengunjung sungguhan.
- Peningkatan terbesar biasanya datang dari tiga hal: gambar, cache, dan jumlah script eksternal.
- Paket hosting yang lebih besar tidak memperbaiki halaman yang berat. Jika halaman tetap lambat meski hanya ada satu pengunjung, penyebabnya biasanya ada di halaman, bukan di server.
Jika ada kendala
- PageSpeed menyatakan tidak ada data lapangan. Kunjungan dari Chrome ke halaman tersebut terlalu sedikit. Gunakan tes lab dan pantau laporan di Search Console seiring bertambahnya kunjungan.
- Skor berbeda dari satu tes ke tes lain. Ini normal untuk tes lab: hasilnya bergantung pada jaringan dan beban saat itu. Jalankan 2–3 kali dan perhatikan kecenderungannya.
- Semua hijau di desktop dan merah di seluler. Tes seluler menyimulasikan ponsel kelas menengah, di jaringan yang lebih lambat. Mulailah dari rekomendasi di tab seluler.
- Tidak tahu harus mengubah apa lebih dulu. Kirimkan alamat halamannya kepada kami, dan kita lihat laporannya bersama-sama.