Anggaran Ukuran CSS & Performa
Situs layanan publik diakses oleh jutaan warga dari berbagai wilayah, termasuk daerah pegunungan yang memiliki keterbatasan sinyal seluler. Sistem desain menetapkan anggaran performa yang ketat:
Anggaran Ukuran Berkas
| Paket | Batas | Hasil Build v0.1.0 | Dicek Otomatis |
|---|---|---|---|
@majalengka/css (Unminified) | — (tidak dibatasi) | ±75 kB | — |
@majalengka/css (Minified) | < 64 kB | ±57 kB | Ya |
@majalengka/css (Gzipped) | < 12 kB | ±9,1 kB | Ya |
Kedua batas wajib dipenuhi sekaligus. bun run build:css mencetak ukuran terbaru dan gagal (exit code 1) bila salah satunya terlampaui, sehingga CI menolak perubahan yang membuat paket membengkak. Ukuran gzip adalah yang benar-benar lewat jaringan; batas minified menjaga biaya parsing di HP kelas bawah.
Minifikasi memakai Lightning CSS — parser CSS sungguhan, bukan regex — sehingga aman untuk calc(), string, dan selector kompleks.
Simulasi Waktu Muat Berdasarkan Koneksi Jaringan
Dengan ukuran berkas gzipped sekitar 9,1 kB:
- Jaringan 3G Lambat (400 kbps): Terunduh dalam ~185 milidetik.
- Jaringan 4G Reguler (10 Mbps): Terunduh dalam ~7 milidetik (instan).
Hal ini memastikan antarmuka tidak mengalami Flash of Unstyled Content (FOUC) bahkan pada peramban HP lawas di wilayah desa.