Инструмент CSS Minify — бесплатный онлайн-инструмент для минимизации и сжатия CSS

Input data
bfotool loadding
Output data
bfotool loadding

 

Инструмент минимизации CSS

Уменьшение CSS берет оформленный, правильно сформированный CSS-код, который вы написали, и удаляет пробелы, отступы, новые строки и комментарии. Эти элементы не требуются для успешного использования CSS. Это также затрудняет чтение CSS.

«Лучшая практика» многих разработчиков — поддерживать «украшенную» версию, а при развертывании проекта пропускать стили через программу минимизации. Они также объединяют множество файлов стилей в один файл.

 

Зачем использовать CSS Minifier?

Цель минимизации — увеличить скорость веб-сайта. Минимизация может сделать скрипт на 20% меньше, что приведет к более быстрой загрузке. Некоторые разработчики также используют ее для «обфускации» своего кода. Это затрудняет чтение кода, тем самым затрудняя его обратную разработку или копирование.

 

Пример минимизации CSS

До:

.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 }