Digital Transformation
Lighthouse CI Budget (Anggaran Performa di CI)
Konfigurasi ambang batas skor Lighthouse di pipeline CI yang menolak deployment jika metrik performa, aksesibilitas, atau SEO turun di bawah target.
TL;DR: Lighthouse CI Budget adalah konfigurasi ambang batas (LCP, INP, CLS, accessibility score, dll) di pipeline CI yang otomatis menolak pull request jika performa turun. Cara konkret menegakkan Web Vitals Budget di tingkat build.
Apa itu Lighthouse CI Budget?
Lighthouse CI adalah tool Google yang menjalankan audit Lighthouse di pipeline CI/CD. Budget didefinisikan dalam file budget.json atau lighthouserc.js, berisi target untuk kategori (performance, accessibility, SEO, best-practices) dan metrik teknis (LCP, INP, CLS, JS size, image size).
Jika hasil audit di bawah target, build gagal dan PR tidak bisa di-merge sampai diperbaiki. Praktik ini melengkapi Caching Strategy dan pemilihan CDN yang tepat.
Contoh Konfigurasi
| Kategori | Target Minimum |
|---|---|
| Performance | 90 |
| Accessibility | 95 |
| Best Practices | 90 |
| SEO | 95 |
| LCP | 2500 ms |
| Total Blocking Time | 200 ms |
| CLS | 0,1 |
Sumber referensi konfigurasi: dokumentasi Lighthouse CI.
Kenapa Penting?
Tanpa gate di CI, perubahan kecil yang menurunkan performa baru ketahuan di production. Dalam praktik membangun website klien, menetapkan Lighthouse CI Budget sejak awal mencegah situasi rebuild besar 6 bulan kemudian karena Lighthouse score sudah turun jauh.
Pertanyaan Umum
Apakah Lighthouse CI harus jalan di setiap PR?
Idealnya ya, tapi audit penuh lambat. Kompromi: jalankan smoke test cepat di setiap PR, audit lengkap di nightly build.
Bagaimana menangani false positive dari third-party script?
Pakai opsi chromeFlags untuk block script tertentu saat audit, atau pisahkan budget untuk halaman dengan dan tanpa script eksternal.
Istilah Terkait