Инструмент CSS Minify
Сокращение CSS берет красивый, хорошо сформированный код CSS, который вы написали, и удаляет интервалы, отступы, новые строки и комментарии. Эти элементы не требуются для успешного использования CSS. Это также затрудняет чтение CSS.
«Лучшая практика» многих разработчиков - поддерживать «улучшенную» версию, и при развертывании их проекта стили будут запускаться через программу минификации. Они также объединят свои многочисленные файлы стилей в один файл.
Зачем использовать CSS Minifier?
Цель минификации - увеличить скорость веб-сайта. Минимизация может уменьшить размер скрипта до 20%, что приведет к сокращению времени загрузки. Некоторые разработчики также используют его для «обфускации» своего кода. Это затрудняет чтение кода, тем самым затрудняя обратное проектирование или копирование.
CSS Minify Пример
До:
.headbg{
margin:0 8px
}
a:link,a:focus{
color:#00c
}
a:active{
color:red
}
После:
.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }