Audit HTML Lighthouse

Lighthouse adalah alat audit otomatis yang terintegrasi dalam Chrome DevTools (tab Audits) dan memberikan skor halaman dalam kategori Performa, Aksesibilitas, Praktik Terbaik, SEO, dan PWA. Alat ini menjalankan audit pada halaman melalui peramban, melakukan pengukuran, lalu menghasilkan saran yang dapat ditindaklanjuti.

Di Chrome DevTools, beralihlah ke Lighthouse, pilih kategorinya, pilih Komputer Desktop atau Seluler, lalu klik "Analisis pemuatan halaman". Alat ini memuat ulang halaman dalam lingkungan yang bersih dan menghasilkan laporan dalam waktu kurang dari satu menit.

Performa mengukur Vital Web Inti dan metrik kecepatan lainnya. Aksesibilitas memeriksa aturan yang selaras dengan WCAG. Praktik Terbaik mencakup keamanan dan standar web modern. SEO memeriksa markup yang dapat dirayapi. PWA memverifikasi kemampuan untuk dipasang dan dukungan luring.

Audit Aksesibilitas menangkap: teks alt yang hilang, label formulir yang hilang, kontras warna rendah, atribut bahasa yang hilang, id duplikat, penanda struktur yang hilang, dan elemen yang dapat difokuskan tanpa dukungan keyboard. Setiap masalah tertaut ke panduan perbaikan yang terperinci.

Cat Konten Terbesar (LCP), Pergeseran Tata Letak Kumulatif (CLS), Waktu Pemblokiran Total (TBT), dan Indeks Kecepatan. Setiap metrik diberi skor dan bobot untuk membentuk skor Performa keseluruhan. Lighthouse menampilkan elemen DOM yang paling berkontribusi terhadap setiap metrik.

Memeriksa penggunaan HTTPS, kesalahan konsol, rasio aspek gambar, API yang sudah usang, dan konten campuran. Audit Praktik Terbaik menangkap beragam pola lama atau tidak aman yang seharusnya dimodernisasi.

Menangkap deskripsi meta yang hilang, <title> yang hilang atau duplikat, masalah robots.txt, tautan tanpa teks deskriptif, tag meta viewport yang hilang, dan masalah hreflang. Padukan audit SEO Lighthouse dengan alat audit SEO nyata (Ahrefs, Screaming Frog) untuk analisis tingkat konten.

Memeriksa setiap persyaratan agar dapat dipasang: HTTPS, manifes valid dengan bidang minimum, service worker yang terdaftar, tag viewport, dan ikon. Perbaiki semua kegagalan audit PWA sebelum meluncurkannya sebagai aplikasi yang dapat dipasang.

Lighthouse CLI dan alat Lighthouse CI mengintegrasikan audit ke CI/CD. Setiap PR menjalankan Lighthouse pada pratinjau yang dirilis; tindakan tersebut gagal jika skor turun di bawah ambang batas. Hal ini mencegah regresi diam-diam pada aksesibilitas, performa, atau SEO.

Laporan Lighthouse dapat disimpan sebagai JSON dan dibandingkan secara terprogram: lacak skor LCP dari waktu ke waktu untuk mendeteksi regresi, bandingkan dua PR untuk melihat perubahan yang memengaruhi metrik tertentu, dan kirim peringatan saat ambang batas terlampaui. Data tersebut terstruktur untuk perkakas.

Lighthouse adalah pengujian sintetis—pengujian ini berjalan dalam lingkungan terkendali, bukan pada pengguna nyata. Padukan dengan alat Pemantauan Pengguna Nyata (RUM) yang melacak pengalaman pengguna sebenarnya. Pengujian sintetis menangkap regresi lebih awal; RUM memastikan pengguna benar-benar merasakan perbaikannya.

Beberapa audit menandai pola yang tidak dapat dihindari dalam konteks tertentu. Dokumentasikan setiap pengecualian yang disengaja, tambahkan ke daftar pengabaian Lighthouse CI, dan evaluasi ulang secara berkala seiring perkembangan platform. Hindari penggunaan umum "abaikan semua"—hal itu menghilangkan tujuan audit otomatis.

Perlakukan skor Lighthouse sebagai sasaran peningkatan berkelanjutan, bukan perbaikan sekali jalan. Bangun budaya untuk memeriksa skor pada setiap PR, segera menangani regresi, dan meningkatkan dasar acuan secara bertahap. Dengan disiplin ini, sebagian besar tim melihat skor mereka meningkat secara konsisten selama berbulan-bulan.

Mengapa audit sintetis Lighthouse harus dipadukan dengan Pemantauan Pengguna Nyata (RUM)?

Lighthouse mengaudit halaman dalam kategori Performa, Aksesibilitas, Praktik Terbaik, SEO, dan PWA. Jalankan dari Chrome DevTools untuk pemeriksaan sekali jalan, atau Lighthouse CI untuk integrasi berkelanjutan. Tangani regresi pada setiap PR, bangun budaya peningkatan yang didorong oleh pengukuran, dan padukan audit sintetis dengan Pemantauan Pengguna Nyata untuk memastikan peningkatan di lingkungan pengujian benar-benar bermanfaat bagi pengguna.