Советы DevTools: определите улучшения CSS
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Панель «Обзор CSS» в DevTools позволяет сразу найти потенциальные улучшения CSS на вашей странице.
Чтобы получить отчет, откройте DevTools > 
> Дополнительные инструменты > Обзор CSS и нажмите «Записать обзор» .
В отчете представлено несколько разделов:
- Сводка со статистикой по стилям, селекторам и медиа-запросам.
- Разбивка используемых цветов, включая проблемы с контрастностью — наиболее распространенные проблемы в Интернете .
- Разбивка используемых шрифтов со статистикой по размеру, весу и высоте строки.
- Неиспользуемые объявления CSS.
- Статистика по медиазапросам отсортирована по количеству вхождений в порядке убывания.
Более подробную информацию о практическом обучении можно найти в разделе «Обзор CSS: определение потенциальных улучшений CSS» .
Дополнительную информацию о проблемах контрастности см. в статье «Сделайте свой веб-сайт более читабельным» .
Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons "С указанием авторства 4.0", а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2022-11-23 UTC.
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2022-11-23 UTC."],[],[],null,[]]
