Sofia Emelianova
Панель «Обзор CSS» в DevTools позволяет сразу найти потенциальные улучшения CSS на вашей странице.
Чтобы получить отчет, откройте DevTools > 
> Дополнительные инструменты > Обзор CSS и нажмите «Записать обзор» .
В отчете представлено несколько разделов:
- Сводка со статистикой по стилям, селекторам и медиа-запросам.
- Разбивка используемых цветов, включая проблемы с контрастностью — наиболее распространенные проблемы в Интернете .
- Разбивка используемых шрифтов со статистикой по размеру, весу и высоте строки.
- Неиспользуемые объявления CSS.
- Статистика по медиазапросам отсортирована по количеству вхождений в порядке убывания.
Более подробную информацию о практическом обучении можно найти в разделе «Обзор CSS: определение потенциальных улучшений CSS ».
Дополнительную информацию о проблемах контрастности см. в статье «Сделайте свой веб-сайт более читабельным» .