Cara menggunakan Uji Kecepatan Halaman
- Masukkan URL lalu pilih Mobile (default yang dipakai Google untuk indexing) atau Desktop.
- Klik Uji kecepatan. Lighthouse memuat halaman di browser yang dibatasi, biasanya butuh 20–60 detik.
- Cek Core Web Vitals: hijau berarti baik, kuning perlu ditingkatkan, merah berarti buruk. Data lapangan pengguna sungguhan, jika ditampilkan, adalah yang dipakai Google untuk peringkat.
- Kerjakan peluang perbaikan mulai dari estimasi penghematan terbesar, lalu uji ulang.
Apa itu uji kecepatan halaman?
Uji kecepatan halaman memuat URL di browser terkontrol dan mengukur seberapa cepat konten muncul, seberapa cepat halaman merespons input, dan seberapa stabil tata letaknya. Tool ini menjalankan Google Lighthouse lewat API PageSpeed Insights, mesin yang sama dengan Chrome DevTools, dan jika Google punya cukup data trafik untuk URL tersebut, menambahkan data lapangan dari Chrome User Experience Report (CrUX).
Core Web Vitals dan ambangnya
Core Web Vitals adalah metrik pengalaman pengguna dari Google dan bagian dari sinyal page experience. Setiap metrik dinilai pada persentil ke-75 dari pemuatan halaman:
| Metrik | Mengukur | Baik | Buruk |
|---|---|---|---|
| LCP — Largest Contentful Paint | Kapan konten utama (gambar hero atau judul) selesai dirender | ≤ 2,5 s | > 4,0 s |
| INP — Interaction to Next Paint | Respons terhadap klik, tap, dan penekanan tombol | ≤ 200 ms | > 500 ms |
| CLS — Cumulative Layout Shift | Pergeseran konten yang tidak terduga saat halaman dimuat | ≤ 0,1 | > 0,25 |
INP menggantikan First Input Delay pada Maret 2024. Karena INP membutuhkan interaksi pengguna sungguhan, tes lab tidak bisa mengukurnya. Sebagai gantinya Lighthouse melaporkan Total Blocking Time (TBT), yang berkorelasi dengannya (baik ≤ 200 ms). Lighthouse juga melaporkan First Contentful Paint (baik ≤ 1,8 s) dan Speed Index.
Data lab vs. data lapangan
Data lab berasal dari satu pemuatan simulasi. Di mobile, Lighthouse meniru ponsel kelas menengah dengan koneksi 4G yang dibatasi, sehingga skor bisa berbeda tiap kali tes dan biasanya lebih rendah daripada perangkat cepat milikmu sendiri. Data ini ideal untuk debugging. Data lapangan merangkum pengguna Chrome sungguhan selama 28 hari terakhir. Data ini yang dipakai Google dalam penilaian page experience, tetapi hanya tersedia untuk halaman dengan trafik yang cukup.
Cara skor performa dihitung
Skor performa 0–100 adalah rata-rata berbobot dari metrik lab. Di versi Lighthouse saat ini, Total Blocking Time memiliki bobot 30 %, LCP dan CLS masing-masing 25 %, dan FCP serta Speed Index masing-masing 10 %. Skor 90–100 baik, 50–89 perlu ditingkatkan, dan di bawah 50 buruk.
Perbaikan yang paling sering membantu
- LCP: kompres dan atur ukuran gambar hero dengan benar (coba Image Compressor), sajikan WebP/AVIF, jangan lazy-load gambar tersebut, dan kurangi waktu respons server.
- TBT / INP: hapus JavaScript yang tidak terpakai dan tag pihak ketiga yang berat, tunda skrip yang tidak krusial, dan pecah tugas yang panjang.
- CLS: atur width dan height pada gambar dan embed, sisakan ruang untuk iklan dan banner cookie, serta gunakan
font-displaydengan font cadangan yang sepadan.
Untuk pemeriksaan performa di level HTML seperti kompresi, header caching, dan skrip yang memblokir render, jalankan SEO Checker.
Juga dicari sebagai: uji kecepatan website, page speed test, core web vitals, cek kecepatan website, lighthouse, pagespeed insights, tes kecepatan halaman, lcp.
Tool yang cocok dipakai bersama Uji Kecepatan Halaman
- Pengecek Alt Gambar — Audit setiap gambar di halaman dalam satu tabel: status alt text, ukuran file, atribut lebar/tinggi, format, dan lazy loading, dengan filter dan ekspor CSV.
- Cek Security Headers — Beri nilai header keamanan HTTP sebuah situs dari A+ sampai F, lihat header apa saja yang belum ada beserta alasannya, lalu salin snippet konfigurasi siap pakai untuk Nginx, Apache, Netlify, Vercel, atau Cloudflare.
- Cek Situs Down — Cari tahu dalam hitungan detik apakah sebuah website down untuk semua orang atau hanya untuk kamu — lengkap dengan kode status, waktu respons, dan tips memperbaikinya.
- Penjelas robots.txt — Aturan robots.txt memang pendek, tapi mudah salah dibaca.