Какие-нибудь рекомендации для 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 (который не устранял дубликаты для заполнения # test). Тем не менее, оба не смогли удовлетворить меня html,body{width:100%;height:100%}body{padding:0}
(что, в моем понимании, эквивалентно, так как оба селектора имеют одинаковую специфичность).
Я написал ультра быстрый CSS Minifier в 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; }
и это не удалось.
Если ваш сайт находится в ASP.NET, вы можете позволить своему сайту минимизировать CSS на лету (так что вам не придется делать это вручную каждый раз, когда вы вносите изменения). Например с этим:
В Perl есть CSS :: Minifier (и версия XS для дополнительной скорости).
Другие упоминали YUI Compressor, затем его .NET-порт, и я добавлю еще одну ссылку в цепочку. StyleManager - это серверный элемент управления, который объединяет порт .NET YUI Compressor, так что вы можете использовать его так же, как вы привыкли использовать ScriptManager. Он также добавляет кучу других приятных функций, таких как константы CSS, разрешение тильды (~) в ваших определениях фоновых изображений и т. Д. И т. Д. Он плотный, хорошо документированный, и я использовал его во всех своих последних проектах с о проблема. Проверьте это - 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). Вы можете посмотреть демо-видео здесь .