Tips DevTools: Mengidentifikasi peningkatan CSS
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Panel CSS Overview di DevTools memungkinkan Anda menemukan potensi peningkatan CSS di halaman Anda secara sekilas.
Untuk mendapatkan laporan, buka DevTools > 
> Alat lainnya > Ringkasan CSS, lalu klik Ambil ringkasan.
Laporan ini menampilkan beberapa bagian:
- Ringkasan dengan statistik tentang gaya, pemilih, dan kueri media.
- Perincian 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 kueri media yang diurutkan berdasarkan jumlah kemunculan dalam urutan menurun.
Untuk pengalaman belajar yang lebih praktis, lihat Ringkasan CSS: Mengidentifikasi peningkatan CSS potensial.
Untuk mempelajari lebih lanjut masalah kontras, lihat Membuat situs Anda lebih mudah dibaca.
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2022-11-23 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2022-11-23 UTC."],[],[],null,[]]
