CSS-аудит
Анализ стилевых файлов: размер, покрытие, специфичность селекторов и дублирующиеся декларации.
Преимущества
Покрытие CSS до байта
Точное измерение используемого и неиспользуемого CSS для каждого файла. Узнайте, сколько килобайт стилей браузер загружает впустую, и сократите вес страницы.
Контроль специфичности
Отчёт по минимальной, средней и максимальной специфичности селекторов с топ-10 самых тяжёлых. Помогает держать каскад предсказуемым и упрощает поддержку стилей.
Поиск дублей и !important
Автоматическое обнаружение повторяющихся деклараций и злоупотребления !important. Сокращайте CSS без потери функциональности.
Полная карта стилей
Обзор всех подключённых файлов — внешних и инлайновых — с размерами, типами и процентом покрытия. Медиа-запросы, вендорные префиксы, цвета и шрифты в одном отчёте.
Как это работает
Инструменты
FAQ
Браузер загружает и парсит весь CSS до начала рендеринга. Лишние стили увеличивают время блокировки, замедляют FCP и LCP. Удаление неиспользуемого CSS — один из самых эффективных способов ускорить загрузку.
Специфичность определяет, какое CSS-правило победит при конфликте. Высокая специфичность приводит к «войне селекторов» и усложняет поддержку. Отчёт показывает проблемные селекторы, чтобы вы могли упростить каскад.
!important ломает естественный каскад CSS и делает стили непредсказуемыми. Каждый новый !important вынуждает добавлять ещё один для переопределения. Отчёт перечисляет все такие декларации, чтобы вы могли рефакторить их поэтапно.
Общий размер CSS, количество файлов, правил и селекторов, процент неиспользуемых стилей, топ специфичности, список дублей, !important-декларации, медиа-запросы, вендорные префиксы, палитру цветов и используемые шрифты.
В среднем анализ одной страницы занимает до минуты. Сервис загружает страницу в браузере, собирает все стилевые файлы и анализирует покрытие в реальных условиях.