Performance Budget
Menerjemahkan sinyal performance menjadi batas dan keputusan produk yang bisa ditinjau bersama tim.
Tujuan belajar
- Menjelaskan peran performance budget dalam keputusan frontend
- Menyusun budget yang berhubungan dengan user journey
- Membedakan target, baseline, dan guardrail release
- Memilih respons ketika budget terlewati tanpa memblokir kerja secara buta
Isi lesson
6 blok- 1.Budget membuat performance menjadi keputusan yang terlihatBelum selesaiWajib
- 2.Budget ringkas untuk journey membuka trackBelum selesaiWajib
- 3.Writing practiceBelum selesaiWajib
- 4.Cek pemahamanBelum selesaiWajib
- 5.Mulai dari guardrail yang dapat dijagaBelum selesaiWajib
- 6.RingkasanBelum selesaiWajib
Budget membuat performance menjadi keputusan yang terlihat
WajibPerformance budget adalah batas atau target yang disepakati untuk menjaga biaya pengalaman user tetap terkendali saat product bertambah. Budget bukan daftar angka universal dan bukan alat menghukum developer. Ia harus terkait journey, perangkat, serta risiko produk. Misalnya halaman track mobile perlu menjaga LCP field p75 dalam target, CTA utama tidak boleh terdorong layout shift, dan perubahan route baru perlu diperiksa bila JavaScript atau image cost naik tajam. Budget yang berguna juga punya owner dan respons: kapan tim menelusuri regression, kapan trade-off dicatat, dan kapan perubahan perlu dipecah atau ditunda.
Bagian ini memengaruhi progres lesson.
Budget ringkas untuk journey membuka track
Wajib{
"journey": "Learner opens a track on mobile",
"guardrails": [
"Monitor field LCP p75 against the agreed target.",
"Keep field INP p75 responsive for primary actions.",
"Keep field CLS p75 stable around primary CTAs."
],
"releaseCheck": [
"Compare the route before and after a large asset or dependency change.",
"Record the trade-off and follow-up owner when a guardrail is exceeded."
]
}Contoh ini sengaja tidak memperlakukan angka sebagai mantra. Team perlu melengkapi target yang sesuai baseline dan user journey mereka. Yang penting, budget menyebut pengalaman yang dijaga, sinyal yang dipantau, titik perubahan berisiko, serta tindakan ketika ada regression.
Bagian ini memengaruhi progres lesson.
Writing practice
WajibLatihan menulis
Tulis performance budget mini untuk journey learner membuka lesson di mobile. Sertakan: user journey, tiga guardrail yang mengaitkan LCP, INP, atau CLS dengan pengalaman user, satu jenis perubahan yang harus dibandingkan sebelum dan sesudah, siapa yang meninjau hasil, dan respons bila satu guardrail terlewati. Budget boleh sederhana, tetapi harus bisa ditindaklanjuti.
Tulis draft dulu sebelum menandai writing practice selesai.
0/360 karakter
Checklist panduan
Checklist ini hanya panduan. Kamu tidak harus mencentang semuanya.
Cek pemahaman
WajibJawab duluCek pemahaman singkat
Komponen penting dari performance budget yang sehat adalah
Progres lesson naik setelah jawaban benar.
Tips
WajibMulai dari guardrail yang dapat dijaga
Budget pertama tidak perlu mencakup semua route, semua device, dan setiap resource. Mulai dari satu journey bernilai seperti membuka track atau lesson di mobile. Setelah baseline, ownership, dan review loop-nya berjalan, budget dapat diperluas berdasarkan bukti.
Bagian ini memengaruhi progres lesson.
Ringkasan
Wajib- Performance budget mengubah perhatian performance menjadi keputusan tim yang eksplisit.
- Budget yang baik terkait journey, kondisi user, guardrail, owner, dan respons regression.
- Jangan memakai score tunggal atau target tanpa konteks sebagai pengganti keputusan engineering.
- Bandingkan perubahan berisiko dengan baseline yang dicatat.
- Selanjutnya, Uji Kompetensi menggabungkan pembacaan metric, laporan, dan budget menjadi checkpoint kesiapan.
Bagian ini memengaruhi progres lesson.
Langkah berikutnya
Selesaikan bagian penting lesson ini
Lanjutkan blok wajib berikutnya: Budget membuat performance menjadi keputusan yang terlihat.