Digital Transformation
FCP Budget (First Contentful Paint Budget)
TL;DR: FCP Budget adalah ambang waktu maksimal yang dipakai tim agar elemen visual pertama halaman, seperti teks heading atau gambar hero, muncul di layar. Praktik standar industri menyentuh angka di bawah 1,8 detik untuk masuk kategori baik menurut Google web.dev. Budget ini menjadi sinyal awal apakah pipeline render front-end masih sehat sebelum metrik LCP dan INP diukur.
Apa itu FCP Budget?
First Contentful Paint mengukur waktu dari navigasi sampai browser melukis konten pertama yang bukan layar kosong. FCP Budget adalah batas atas yang disepakati internal, biasanya 1,5 detik untuk koneksi 4G di pasar Indonesia. Angka ini menjadi rem awal sebelum tim merilis fitur baru yang menambah JavaScript atau CSS render-blocking.
Dalam praktik beberapa proyek website bisnis terakhir, FCP yang melewati 2 detik hampir selalu berkorelasi dengan bounce rate naik di halaman landing. Karena itu menetapkan budget di angka konservatif memberi ruang aman.
Cara Kerja FCP Budget
| Lapisan | Sumber Lambat | Cara Atasi |
|---|---|---|
| Server | TTFB tinggi | Cache edge, periksa TTFB Budget |
| Network | Render-blocking CSS | Inline critical CSS, defer non-kritikal |
| Browser | Font swap lambat | font-display: swap, preload font utama |
| Markup | Hidden first paint | Hindari display:none pada hero awal |
Kenapa Penting?
FCP yang lambat membuat pengguna merasa halaman gagal dimuat, padahal proses sedang berjalan. Bagi marketer Indonesia yang banyak berurusan dengan koneksi 4G di kota tier dua dan tiga, FCP Budget yang ketat menjaga ekspektasi pengguna tetap positif sejak detik pertama.
Pertanyaan Umum
Apa beda FCP dengan LCP?
FCP mencatat kemunculan elemen pertama apa pun, sementara LCP fokus pada elemen terbesar yang biasanya menjadi titik fokus. Keduanya saling melengkapi dalam mengukur kecepatan render.
Berapa angka FCP yang aman?
Praktik standar Google menyebut di bawah 1,8 detik sebagai baik, 1,8 sampai 3 detik perlu perbaikan, di atas 3 detik buruk.
Istilah Terkait