Sofia Emelianova
Panel CSS Overview di DevTools memungkinkan Anda menemukan potensi peningkatan CSS di halaman secara sekilas.
Untuk mendapatkan laporan, buka DevTools > 
> More tools > CSS Overview dan klik Capture overview.
Laporan ini menampilkan beberapa bagian:
- Ringkasan dengan statistik tentang gaya, pemilih, dan kueri media.
- Pengelompokan warna yang digunakan termasuk masalah kontras—masalah paling umum di web.
- Perincian font yang digunakan dengan statistik tentang ukuran, ketebalan, dan tinggi baris.
- Deklarasi CSS yang tidak digunakan.
- Statistik tentang kueri media yang diurutkan berdasarkan jumlah kemunculan dalam urutan menurun.
Untuk pengalaman belajar yang lebih praktis, lihat Ringkasan CSS: Mengidentifikasi potensi peningkatan CSS.
Untuk mempelajari masalah kontras lebih lanjut, lihat Membuat situs Anda lebih mudah dibaca.