Asset and Bundle Optimization
Mengurangi biaya image, font, dan JavaScript dengan memilih resource serta loading strategy yang sesuai kebutuhan 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.
Image Optimization
Memilih ukuran, dimensi, responsive loading, dan preload image berdasarkan perannya pada halaman.
Font Optimization
Memuat font yang tetap nyaman dibaca tanpa menambah request eksternal atau layout shift yang tidak perlu.
Bundle Awareness
Membaca biaya JavaScript dari dependency, client boundary, dan feature yang dikirim sebelum user membutuhkannya.
Code Splitting
Memisahkan code non-kritis agar initial route memuat hal yang benar-benar dibutuhkan learner terlebih dahulu.
Dynamic Imports
Memuat component atau library berat hanya setelah user membutuhkan behavior yang bergantung padanya.
Uji Kompetensi Asset and Bundle Optimization
Checkpoint untuk memilih perbaikan image, font, dan JavaScript berdasarkan journey user serta trade-off yang dapat diuji.