Уменьшите размер CSS
Каждый байт CSS загружается и анализируется до отрисовки страницы, поэтому легкие таблицы стилей ускоряют первую отрисовку, улучшают показатели Core Web Vitals и экономят мобильный трафик. Этот CSS-минификатор удаляет пробелы и комментарии, а также применяет структурные оптимизации — объединяет дублирующиеся правила, сокращает коды цветов и удаляет лишние значения — чтобы ваш файл стилей стал максимально компактным без ущерба для внешнего вида страницы.
Возможности
- Удаление пробелов и комментариев.
- Сокращение значений: цветов, нулей, единиц измерения и насыщенности шрифта.
- Структурная оптимизация: объединение дублирующихся селекторов и удаление переопределенных свойств.
- Лицензионные комментарии (
/*! … */) сохраняются по желанию. - Сравнение размеров в байтах и процентах.
- Конфиденциальность: работает полностью в вашем браузере.
До и после
.card .title {
font-weight: bold;
color: #333333;
}
.card .title {
font-size: 1.25em;
}
становится
.card .title{font-weight:700;color:#333;font-size:1.25em}
Когда нужна минификация
Сжимайте CSS при сборке проекта для продакшена, а читаемый исходный код храните в системе контроля версий. Большинство фреймворков и сборщиков делают это автоматически; этот инструмент удобен для быстрых правок, тем CMS, шаблонов писем, встроенных виджетов и проектов без этапа сборки.
Похожие инструменты
Сжимайте скрипты с помощью минификатора JavaScript, создавайте стили визуально через генератор теней и генератор CSS-градиентов или приводите код в порядок в форматтере JSON.