Будь-які рекомендації щодо мініфікатора CSS?
Я буду вкорінюватися навколо Google і випробовувати щось, але підозрював, що розумна, досвідчена і цікаво красива спільнота StackOverflow, можливо, вже оцінила плюси і мінуси важкої ваги.
Будь-які рекомендації щодо мініфікатора CSS?
Я буду вкорінюватися навколо Google і випробовувати щось, але підозрював, що розумна, досвідчена і цікаво красива спільнота StackOverflow, можливо, вже оцінила плюси і мінуси важкої ваги.
Відповіді:
YUI Compressor є фантастичним. Він працює на JavaScript та CSS. Перевір.
Також є .NET-порт YUI Compressor, який дозволяє: -
ОНОВЛЕННЯ 2011: А тепер це також доступно і через NuGet :)
Мені подобається Minify . У PHP і працює з CSS або JavaScript.
Якщо ви використовуєте Python, я б рекомендував slimmer, який, мабуть, не такий швидкий, як YUI Compressor, але на відміну від csscompressor.net, він не задихається на CSS-хаках.
Я упереджений, оскільки писав стрункіше, і зараз оцінюю компресор YUI, щоб побачити, як він обробляє хаки. Приклад стрункішої дії можна побачити, якщо переглянути джерело 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}
(що, на моє розуміння, рівнозначно, оскільки обидва селектори мають однакову специфіку).
Я написав ультра швидкий міні-інтерфейс 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; }
і це не вдалося.
Якщо ваш сайт знаходиться на ASP.NET, ви можете дозволити своєму веб-сайту виконувати мінімізацію CSS (тому вам не доведеться робити це вручну щоразу, коли ви вносите зміни). Наприклад з цим:
У Perl є CSS :: Minifier (та версія XS для додаткової швидкості).
Інші згадували YUI Compressor, потім його .NET порт, і я додаю ще одне посилання до ланцюга. StyleManager - це серверне управління, яке завершує .NET-порт YUI Compressor, щоб ви могли використовувати його так, як ви звикли використовувати ScriptManager. Він також додає купу інших приємних функцій, таких як константи CSS, роздільна здатність tilde (~) у ваших визначеннях фонового зображення тощо тощо. Це щільно, добре задокументовано, і я використовував це у всіх своїх останніх проектах w / o питання. Перевірте це - gStyleManager.com
Ще "в бета-версії", але має працювати досить добре. Я використовую код за ним у кожному проекті: http://claudiu.phpfogapp.com/ Він вбудований у PHP, а також розміщує ваш файл * .css протягом досить великої кількості часу, напевно, достатньо, щоб ви могли перевірити свій код за допомогою мінімізований css. (Я б видалив старі файли css лише у випадку, якщо на сервері простір переповнене).
Є проект codeplex, який підключатиметься до веб-сайтів .net, які мінімізують та стискають файли CSS та JS. Існує також порівняння між мініатюром Microsoft AJAX та компресором YUI, що показує, що 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 up): 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 від Paul Irish - вона містить сценарій збірки для мінімізації всіх ваших активів (включаючи PNG та JPG). Демо-відео ви можете подивитися тут .