Какие-нибудь рекомендации для минификатора CSS?
Я буду копаться в Google и пробовать что-нибудь, но подозревал, что умное, опытное и удивительно красивое сообщество StackOverflow, возможно, уже оценило плюсы и минусы тяжеловесов.
Какие-нибудь рекомендации для минификатора CSS?
Я буду копаться в Google и пробовать что-нибудь, но подозревал, что умное, опытное и удивительно красивое сообщество StackOverflow, возможно, уже оценило плюсы и минусы тяжеловесов.
YUI Compressor великолепен. Работает на JavaScript и CSS. Проверить это.
Также существует порт .NET для YUI Compressor, который позволяет: -
ОБНОВЛЕНИЕ 2011: И это теперь также доступно через NuGet :)
Мне нравится Minify. В PHP и работает с CSS или JavaScript.
CSSO в настоящее время является лучшим оптимизатором / оптимизатором.
Если вы используете Python, я бы порекомендовал более тонкий, что, вероятно, не так быстро, как YUI Compressor, но в отличие от csscompressor.net не подавляется хаками CSS.
Я предвзято, так как написал более тонкий, и в настоящее время я оцениваю YUI Compressor, чтобы увидеть, как он справляется с взломами. Пример стройности в действии можно увидеть, просмотрев исходный код crosstips.org.
Ознакомьтесь с CSSTidy: http://csstidy.sourceforge.net/usage.php
И в Интернете по адресу: http://cdburnerxp.se/cssparse/css_optimiser.php
Если вам нужен онлайн-инструмент, попробуйте следующее: https://csscompressor.net/
html{width:100%;height:100%;} body{width:100%;height:100%;padding:0;} #test{padding:1em;width:10em;} #test{padding:2em;}
, и он работал лучше, чем YUI Compressor (который не устранял дубликаты для заполнения # теста). Тем не менее, оба не смогли удовлетворить меня с помощью html,body{width:100%;height:100%}body{padding:0}
(что, в моем понимании, эквивалентно, поскольку оба селектора имеют одинаковую специфичность).
- person drdaeman; 13.06.2011
Я написал сверхбыстрый CSS-минификатор на C #. Однако алгоритм не обрабатывает Javascript. Вот это: http://www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Algorithm.aspx.
Попробуйте таблицы стилей закрытия.
Помимо минификации, он также поддерживает линтинг, RTL-переворачивание и переименование классов.
Он также может добавлять в CSS переменные, функции, условные и миксины.
Также обратите внимание, что некоторые из этих функций зависят от остальных инструментов закрытия (которые сами по себе очень эффективны).
Если вы ищете что-то на PHP, вот ссылка: -
Хотя это часть PHP Fat-Free Framework, его также можно использовать автономно.
Я считаю, что CSS SuperScrub от isnoop работает очень хорошо. Однако он может обрабатывать только прямые ссылки на CSS в Интернете: / Вы можете обойти это, используя предпочитаемую вами службу pastebin для хранения кода css и просто предоставив SuperScrub необработанную ссылку.
#test { padding: 1em; width: 10em; } #test { padding: 2em; }
, и это не удалось.
- person drdaeman; 13.06.2011
Если ваш сайт находится в ASP.NET, вы можете позволить своему сайту выполнять минификацию CSS «на лету» (чтобы вам не приходилось делать это вручную каждый раз, когда вы вносите изменения). Например с этим:
http://www.codeproject.com/KB/aspnet/CombineAndMinify.aspx
Perl имеет CSS :: Minifier (и версию XS для дополнительной скорости).
Другие упомянули YUI Compressor, затем его порт .NET, и я добавлю еще одну ссылку в цепочку. StyleManager - это серверный элемент управления, который включает порт .NET для YUI Compressor, поэтому вы можете использовать его так же, как вы раньше использовал ScriptManager. Он также добавляет кучу других приятных функций, таких как константы CSS, разрешение тильды (~) с / в ваших определениях фоновых изображений и т.д. o проблема. Проверьте это - gStyleManager.com
Все еще находится в стадии бета-тестирования, но должен работать достаточно хорошо. Я использую его код в каждом проекте: http://claudiu.phpfogapp.com/ Он построен на PHP. а также размещает ваш файл * .css в течение довольно длительного времени, которого, конечно же, достаточно, чтобы вы могли протестировать свой код с помощью миниатюрного CSS. (Я бы удалил только старые файлы css, если место на сервере переполнено).
Существует проект codeplex, который подключается к веб-сайтам .net, который минимизирует и сжимает файлы CSS и JS. Также есть сравнение между Microsoft AJAX Minifier и YUI Compressor, которое показывает, что YUI выходит немного лучше. Существует дополнительный вариант, который сочетает в себе Microsoft Minifier и сжатие, которое резко сокращает файл.
В любом случае ссылка: http://xpedite.codeplex.com/wikipage?title=Minifier%20(CSS%2FJavaScript%20Minification%20Handlers)
Вот как я сделал это для MVC3: http://mkramar.blogspot.com/2011/08/css-and-javascript-minify-and-combine.html Прелесть этого подхода в том, что он делает все на лету, и вам не нужно предварительно обработать файлы вручную или настроить пост-сборку.
Онлайн-инструмент (намного лучше, чем www.csscompressor.net, который поднял мой css): http://www.cssdrive.com/compressor/compress.php отлично справляется со своей задачей.
Пример C #:
css = css.Replace("\n", "");
css = Regex.Replace(css, @"\s+", " ");
css = Regex.Replace(css, @"\s*:\s*", ":");
css = Regex.Replace(css, @"\s*\,\s*", ",");
css = Regex.Replace(css, @"\s*\{\s*", "{");
css = Regex.Replace(css, @"\s*\}\s*", "}");
css = Regex.Replace(css, @"\s*\;\s*", ";");
zbugs.com станет для вас хорошим онлайн-инструментом, он минимизирует ваш CSS за один клик.
Взгляните на последнюю версию HTML5BoilerPlate от Пола Айриша - он содержит скрипт сборки для минимизации всех ваших ресурсов. (включая PNG и JPG). Вы можете посмотреть демонстрационное видео здесь.