Digital Transformation
Lighthouse CI
Lighthouse CI adalah alat otomatis dari Google yang menjalankan audit Lighthouse di pipeline CI/CD untuk mencegah regresi performa, aksesibilitas, dan SEO sebelum kode masuk produksi.
TL;DR: Lighthouse CI adalah versi otomatis dari Lighthouse yang dijalankan di pipeline CI/CD setiap kali ada commit atau pull request. Tujuannya menahan regresi skor performa, aksesibilitas, best practice, dan SEO sebelum kode di-merge. Bagi tim kecil, ini cara termurah menjaga Core Web Vitals tetap hijau tanpa harus mengandalkan audit manual setiap rilis.
Apa itu Lighthouse CI?
Lighthouse CI adalah toolchain open-source yang membungkus Lighthouse standar agar bisa dipanggil otomatis di GitHub Actions, GitLab CI, atau pipeline CI lain. Setelah build selesai, Lighthouse CI menjalankan audit ke URL hasil deploy preview, lalu membandingkan skornya dengan baseline yang tersimpan. Jika ada angka yang turun melewati ambang batas, build gagal dan tim bisa memperbaiki sebelum merge. Alat ini bisa dipakai gratis tanpa lisensi tambahan dan kompatibel dengan stack apa pun, termasuk Next.js, Astro, atau WordPress headless.
Cara Kerja Lighthouse CI
| Tahap | Yang Terjadi |
|---|---|
| Trigger | CI berjalan saat push atau pull request |
| Build & deploy | Aplikasi di-build dan di-deploy ke URL preview |
| Audit | lhci autorun menjalankan beberapa run Lighthouse, mengambil median |
| Assert | Hasil dibandingkan dengan lighthouserc.js (budget skor + metrik) |
| Report | Skor di-upload ke Lighthouse CI Server atau temporary public storage |
Konfigurasi minimal cukup satu file lighthouserc.js yang menetapkan target URL, jumlah run, dan ambang batas seperti LCP di bawah 2,5 detik atau skor performa minimum 0,9. Lihat panduan resmi di Google Lighthouse CI documentation untuk contoh lengkap.
Kenapa Penting bagi Marketer dan Developer Indonesia
Audit manual rentan terlewat saat tim sedang sprint padat. Lighthouse CI menggeser pengecekan dari "kalau ingat" menjadi default di setiap commit. Untuk website bisnis yang mengandalkan organic traffic, hal ini menjaga skor Core Web Vitals tidak diam-diam memburuk akibat library baru atau gambar besar yang lupa dioptimasi. Marketer juga diuntungkan karena performa konsisten berarti retensi pengunjung lebih stabil, yang mendukung sinyal SEO jangka panjang.
Pertanyaan Umum
Apa beda Lighthouse biasa dan Lighthouse CI?
Lighthouse biasa dijalankan manual lewat Chrome DevTools atau PageSpeed Insights. Lighthouse CI menjalankan audit yang sama secara otomatis di pipeline CI/CD, lalu memblokir merge jika skor turun melewati ambang.
Apakah Lighthouse CI menggantikan Real User Monitoring?
Tidak. Lighthouse CI mengukur kondisi lab dengan environment terkontrol, sementara RUM menangkap performa pengguna nyata. Keduanya saling melengkapi, lab untuk regresi, RUM untuk validasi lapangan.
Istilah Terkait