CSS TutorialLesson 46Preview gratis
CSS Optimization
Lesson ini bagian dari CSS · Semua level
Ringkasan
Optimasi CSS bertujuan agar halaman memuat lebih cepat dan tetap responsif. Langkah umumnya meliputi menghapus kode yang tidak terpakai, menggabungkan aturan serupa, memperpendek berkas, dan mengurangi seleksi yang terlalu berat. CSS termasuk sumber daya yang menahan rendering, sehingga cara pemuatannya berdampak besar pada kecepatan tampil.
Poin kunci
- Hapus aturan dan komentar yang tidak terpakai untuk mengecilkan berkas CSS.
- Gabungkan aturan dengan selector sama dan rangkum deklarasi yang identik.
- Minifikasi menghapus spasi dan komentar agar ukuran transfer lebih kecil.
- Gunakan media query pada elemen link, misalnya memuat gaya cetak hanya saat dibutuhkan.
- Hindari selector bersarang terlalu dalam karena meningkatkan waktu pencocokan browser.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.