Core Web Vitals
Membaca sinyal loading, interaksi, dan stabilitas visual untuk memilih perbaikan performance yang benar-benar terasa oleh user.
Ikuti lesson dari atas ke bawah agar konsepnya nyambung. Kamu tetap bisa membuka lesson mana pun untuk review.
Alur belajar module
Lesson disusun sebagai jalur belajar. Uji Kompetensi di akhir menjadi checkpoint sebelum lanjut module berikutnya.
Largest Contentful Paint (LCP)
Membaca LCP sebagai sinyal kapan konten utama benar-benar terasa hadir bagi user.
Interaction to Next Paint (INP)
Mengenali interaksi lambat dari respons yang dirasakan user, bukan hanya dari handler click yang terlihat panjang.
Cumulative Layout Shift (CLS)
Mencegah konten meloncat saat image, font, banner, atau data async masuk ke halaman.
Lighthouse, Lab Data, dan Field Data
Memakai Lighthouse untuk diagnosis yang dapat diulang tanpa menganggapnya sebagai seluruh pengalaman pengguna.
Performance Budget
Menerjemahkan sinyal performance menjadi batas dan keputusan produk yang bisa ditinjau bersama tim.
Uji Kompetensi Core Web Vitals
Checkpoint untuk membaca sinyal performance, memilih diagnosis yang terukur, dan mengusulkan perbaikan yang menjaga pengalaman user.