Digital Transformation
Performance Budget (Anggaran Performa)
TL;DR: Performance budget adalah batas terukur yang disepakati tim agar website tetap cepat, misalnya "halaman tidak boleh lebih berat dari 1 MB" atau "waktu muat di bawah 3 detik di koneksi 4G". Tanpa anggaran ini, website cenderung melambat diam-diam karena gambar dan skrip terus ditambahkan tanpa kontrol.
Apa itu Performance Budget?
Performance budget adalah aturan main soal kecepatan yang disepakati sebelum fitur baru ditambahkan. Sama seperti anggaran keuangan membatasi pengeluaran, anggaran performa membatasi "biaya" tiap elemen baru terhadap kecepatan halaman.
Tanpa batas yang jelas, website melambat secara perlahan. Satu gambar besar, satu skrip pihak ketiga, satu font tambahan, masing-masing terasa kecil, tapi menumpuk hingga halaman berat. Anggaran performa membuat dampak itu terlihat sejak awal. Konsep ini erat kaitannya dengan menjaga skor Core Web Vitals tetap sehat.
Jenis batas yang umum dipakai
| Jenis budget | Contoh batas |
|---|---|
| Berbasis kuantitas | Total ukuran halaman maksimal 1 MB |
| Berbasis waktu | LCP di bawah 2,5 detik |
| Berbasis aturan | Maksimal 2 font, tidak ada skrip blocking |
Yang membuat anggaran performa berguna adalah konsekuensinya: jika menambah sesuatu melewati batas, ada yang harus dipangkas. Praktik seperti optimasi font web dan lazy loading gambar sering jadi cara menjaga halaman tetap dalam anggaran.
Kenapa Penting?
Kecepatan halaman bukan sekadar kenyamanan, tapi memengaruhi tingkat pengunjung yang bertahan dan, secara tidak langsung, peringkat di pencarian. Untuk bisnis di Indonesia dengan banyak pengguna di koneksi seluler yang bervariasi, performance budget menjaga website tetap nyaman diakses. Panduan praktis menyusunnya bisa dibaca di dokumentasi web.dev soal performance budget.
Pertanyaan Umum
Siapa yang harus menetapkan performance budget?
Idealnya disepakati bersama antara tim pengembang, desainer, dan pemilik bisnis di awal proyek, lalu dipantau berkala setiap ada penambahan fitur atau konten.
Apa yang terjadi jika anggaran terlampaui?
Itu sinyal untuk meninjau ulang: pangkas aset yang berat, tunda pemuatan elemen yang tidak kritis, atau cari alternatif yang lebih ringan sebelum halaman dirilis.