Milten.ioMilten

CSS-аудит

Анализ стилевых файлов: размер, покрытие, специфичность селекторов и дублирующиеся декларации.

Преимущества

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

Как это работает

Инструменты

Валидация HTML
Доступность
CSS-аудит
Дизайн токены
Данные RSC

FAQ

Браузер загружает и парсит весь CSS до начала рендеринга. Лишние стили увеличивают время блокировки, замедляют FCP и LCP. Удаление неиспользуемого CSS — один из самых эффективных способов ускорить загрузку.

Специфичность определяет, какое CSS-правило победит при конфликте. Высокая специфичность приводит к «войне селекторов» и усложняет поддержку. Отчёт показывает проблемные селекторы, чтобы вы могли упростить каскад.

!important ломает естественный каскад CSS и делает стили непредсказуемыми. Каждый новый !important вынуждает добавлять ещё один для переопределения. Отчёт перечисляет все такие декларации, чтобы вы могли рефакторить их поэтапно.

Общий размер CSS, количество файлов, правил и селекторов, процент неиспользуемых стилей, топ специфичности, список дублей, !important-декларации, медиа-запросы, вендорные префиксы, палитру цветов и используемые шрифты.

В среднем анализ одной страницы занимает до минуты. Сервис загружает страницу в браузере, собирает все стилевые файлы и анализирует покрытие в реальных условиях.
Мы используем Cookies

Мы используем куки, чтобы обеспечить вам лучший опыт на нашем сайте. Подробнее о том, как мы используем cookies, вы можете узнать в нашей политике конфиденциальности.