Performance Budget untuk Website Bisnis Indonesia: Cara Menyusun Anggaran Kecepatan agar Konversi Tidak Pelan-Pelan Hilang di 2026
TL;DR: Performance Budget adalah batas terukur untuk LCP, INP, CLS, dan ukuran aset web yang disepakati tim agar halaman tetap cepat saat fitur baru ditambahkan. Untuk website bisnis Indonesia, target awal yang masuk akal: LCP di bawah 2,5 detik, total JavaScript di bawah 200 KB gzip, dan total transfer di bawah 1 MB di simulasi mobile 4G.
Beberapa bulan terakhir saya audit sejumlah landing page bisnis lokal, dari fintech hingga e-commerce parfum. Pola yang sama muncul terus: di kuartal pertama tahun lalu halaman cepat, lalu satu per satu pixel iklan, widget chat, dan plugin "ringan" ditambahkan. Akhir tahun, LCP yang dulu 2,1 detik menjadi 4,8 detik tanpa ada satu pun rilis besar.
Yang dibutuhkan bukan refactor sesaat, melainkan pagar permanen. Pagar itu namanya Performance Budget.
Apa yang Salah dengan Pendekatan "Audit Tahunan"
Audit performa sekali setahun adalah pemadam kebakaran, bukan pencegahan. Antara satu audit dan audit berikutnya, ratusan keputusan kecil masuk: tag GA4 baru, tag manager tambahan, hero image lebih besar, font kustom kedua. Masing-masing terlihat tidak signifikan. Total dampaknya signifikan.
Tanpa angka yang disepakati di awal, percakapan internal selalu berbentuk subjektif: "halaman ini terasa lambat", "menurut saya masih oke". Performance Budget mengubah percakapan jadi data: "fitur ini menambah 80 KB, sementara budget tersisa 40 KB, mana yang dikurangi?"
Tiga Lapis Performance Budget yang Saya Pakai
| Lapisan | Metrik | Patokan untuk Website Bisnis Indonesia |
|---|---|---|
| User-centric | LCP, INP, CLS | LCP < 2,5 detik, INP < 200 ms, CLS < 0,1 |
| Quantity-based | Jumlah request, font, third-party domain | < 50 request, max 2 keluarga font, < 5 third-party |
| Size-based | Total JS, total CSS, total transfer | JS < 200 KB gzip, CSS < 50 KB, total < 1 MB |
Patokan di atas asumsi simulasi mobile 4G, bukan koneksi WiFi kantor. Ini penting karena mayoritas pengunjung website bisnis Indonesia mengakses via mobile dengan jaringan yang variatif. Untuk dasar metrik, Core Web Vitals seperti LCP dan INP dipakai sebagai sinyal user-centric utama.
Studi Kasus: Memperbaiki Landing Page Nalesha
Saat membantu Nalesha, brand parfum lokal, kami menemukan halaman koleksi terbaru memuat 17 third-party script, dari heatmap, dua chat widget, sampai pixel platform yang sudah tidak aktif. LCP mobile mencapai 4,2 detik dan checkout drop-off naik di awal funnel.
Yang kami lakukan bukan menghapus semuanya. Kami menyusun budget bersama tim marketing: maksimal 5 third-party domain, maksimal 1 chat widget, dan total JS di bawah 220 KB gzip. Pixel yang tidak menghasilkan data dimatikan, heatmap dijadwalkan ulang hanya untuk halaman tertentu, dan widget chat dipindah ke load on-demand. LCP turun ke 2,3 detik dan add-to-cart rate naik di rentang single-digit. Yang lebih penting, ketika tim marketing ingin tambah pixel baru bulan berikutnya, percakapannya jelas: budget penuh, sesuatu harus diganti.
Cara Menegakkan Budget di Pipeline
Performance Budget yang hidup hanya di dokumen Notion akan dilanggar dalam 3 bulan. Tegakkan di pipeline supaya jadi pagar otomatis:
- [Lighthouse CI](/glosarium/lighthouse-ci) di GitHub Actions, gagalkan PR jika skor performa turun di bawah ambang.
- Bundlewatch atau size-limit untuk mem-block PR yang melebihi batas ukuran bundle.
- Web Vitals Real User Monitoring lewat [PageSpeed Insights API](https://developers.google.com/speed/docs/insights/v5/get-started) untuk pantau angka di lapangan, bukan cuma simulasi.
- Review bulanan singkat 30 menit untuk meninjau angka aktual dan menyesuaikan budget jika perlu.
Tools tidak perlu mahal. Lighthouse CI gratis dan Bundlewatch berjalan di GitHub Actions tanpa biaya tambahan. Hambatan terbesar bukan tools, tapi disiplin tim untuk mematuhi angka yang sudah disepakati.
Pertanyaan Umum
Berapa lama Performance Budget mulai memberi dampak terlihat?
Umumnya 4-8 minggu untuk perbaikan metrik teknis dan 8-12 minggu untuk dampak terhadap conversion rate, tergantung volume traffic dan seberapa ketat budget ditegakkan.
Apakah saya perlu Performance Budget kalau pakai Next.js atau platform modern?
Ya. Framework modern memberi default yang baik, tapi tidak menahan tim menambah aset berlebihan. Budget tetap diperlukan sebagai pagar.
Bagaimana menentukan angka awal jika belum pernah mengukur?
Mulai dengan audit baseline lewat PageSpeed Insights pada 5 halaman terpenting, ambil angka median, lalu tetapkan budget 10-15 persen lebih ketat dari median saat ini sebagai target perbaikan bertahap.
Apakah Performance Budget cocok untuk situs yang sudah lama berdiri?
Cocok, justru paling efektif untuk situs lama yang sudah menumpuk teknis-utang. Mulai dari halaman dengan traffic tertinggi dan dampak konversi terbesar.
Penutup
Performance Budget bukan dokumen sekali jadi. Ia adalah kebiasaan tim yang dibangun lewat angka, pipeline, dan review berkala. Untuk website bisnis Indonesia di 2026, budget yang disiplin jauh lebih murah daripada audit darurat saat traffic mulai turun.
Artikel Terkait
Website Bisnis
Cara Marketer Indonesia Pasang Preload Font di Next.js untuk Pangkas Flash of Unstyled Text 2026
Font yang muncul telat bikin halaman terlihat patah dan menambah skor CLS. Berikut cara pasang preload font yang aman di Next.js tanpa merusak performa LCP.
Website Bisnis
Cara Marketer Indonesia Pasang HSTS di Website Bisnis Tanpa Risiko Lockout 2026
Panduan pasang HSTS aman di Next.js dengan strategi staged rollout, mencegah serangan downgrade tanpa risiko lockout pengguna.
Website Bisnis
Cara Marketer Indonesia Pasang Fetchpriority di Image Hero untuk Pangkas LCP 2026
Atribut fetchpriority="high" memberi tahu browser mana resource paling penting. Untuk image hero, perubahan satu baris ini dapat menurunkan LCP 300-700 ms tanpa migrasi framework.
Butuh website yang benar-benar bekerja?
Hubungi Vito untuk konsultasi gratis 15 menit.
WhatsApp Sekarang