Jakieś rekomendacje dla minimalizatora CSS?
Będę rootować w Google i wypróbować trochę, ale podejrzewałem, że inteligentna, sprawna i ciekawie przystojna społeczność StackOverflow mogła już ocenić zalety i wady ciężkich graczy.
Jakieś rekomendacje dla minimalizatora CSS?
Będę rootować w Google i wypróbować trochę, ale podejrzewałem, że inteligentna, sprawna i ciekawie przystojna społeczność StackOverflow mogła już ocenić zalety i wady ciężkich graczy.
Odpowiedzi:
YUI Compressor jest fantastyczne. Działa na JavaScript i CSS. Sprawdź to.
Istnieje również port .NET kompresora YUI, który umożliwia:
AKTUALIZACJA 2011: I jest teraz dostępna również przez NuGet :)
Lubię Minify . W PHP i współpracuje z CSS lub JavaScript.
CSSO jest obecnie najlepszym minifigatorem / optymalizatorem.
Jeśli używasz Pythona, polecam szczuplejszego, który prawdopodobnie nie jest tak szybki jak YUI Compressor, ale w przeciwieństwie do csscompressor.net, nie dusi się w hackach CSS.
Jestem stronniczy, odkąd napisałem szczuplejsze i obecnie oceniam YUI Compressor, aby zobaczyć, jak radzi sobie z hackami. Przykład szczuplejszego w akcji można zobaczyć, przeglądając źródło crosstips.org
Sprawdź CSSTidy: http://csstidy.sourceforge.net/usage.php
I online pod adresem : http://cdburnerxp.se/cssparse/css_optimiser.php
Jeśli szukasz narzędzia online, spróbuj tego: https://csscompressor.net/
html{width:100%;height:100%;} body{width:100%;height:100%;padding:0;} #test{padding:1em;width:10em;} #test{padding:2em;}
i działało lepiej niż Kompresor YUI (który nie wyeliminował duplikatów dla # wypełnienia testu). Mimo to oba mi nie zadowoliły html,body{width:100%;height:100%}body{padding:0}
(co w moim rozumieniu jest równoważne, ponieważ oba selektory mają tę samą specyficzność).
Napisałem ultra szybki CSS minifier w C #. Algorytm nie obsługuje Javascript. Twoje: http://www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Algorithm.aspx .
Wypróbuj arkusze stylów zamknięcia .
Obok minifikacji obsługuje również strzępienie , RTL skakaniu i klasowej zmiany nazwy .
Może również dodawać zmienne , funkcje , warunki i miksy do CSS.
Pamiętaj również, że niektóre z tych funkcji zależą od pozostałych narzędzi zamykania (które same w sobie są bardzo potężne).
Jeśli szukasz czegoś w PHP, oto link: -
Chociaż jest częścią frameworka Fat-Free Framework, może być również używany samodzielnie.
Uważam, że CSS SuperScrub isnoop działa bardzo dobrze. Może jednak obsługiwać tylko bezpośrednie łącza do CSS online: / Można to obejść, używając preferowanej usługi pastebin do przechowywania kodu css i po prostu dając SuperScrub nieprzetworzony link.
#test { padding: 1em; width: 10em; } #test { padding: 2em; }
i nie udało się.
Jeśli Twoja witryna znajduje się w ASP.NET, możesz pozwolić jej na minimalizację CSS w locie (więc nie musisz tego robić ręcznie za każdym razem, gdy wprowadzasz zmiany). Na przykład z tym:
Perl ma CSS :: Minifier (i wersję XS dla dodatkowej prędkości).
Inni wspominali o kompresorze YUI, a następnie o jego porcie .NET, a ja dodam kolejne łącze do łańcucha. StyleManager to kontrolka serwera, która zamyka port .NET kompresora YUI, dzięki czemu można go używać tak samo, jak przyzwyczajono się do korzystania z ScriptManager. Dodaje też wiele innych fajnych funkcji, takich jak stałe CSS, rozdzielczość tyldy (~) w / w definicjach obrazu tła itp. Jest ścisła, dobrze udokumentowana i używałem jej we wszystkich moich ostatnich projektach w / o problem. Sprawdź to - gStyleManager.com
Wciąż „w fazie beta”, ale powinien działać całkiem dobrze. Używam tego kodu w każdym projekcie: http://claudiu.phpfogapp.com/ Jest wbudowany w PHP i również utrzymuje plik * .css przez dość długi czas, na pewno wystarczający, aby przetestować kod za pomocą zminimalizowane css. (Usuwałbym stare pliki css tylko wtedy, gdy przestrzeń zapełni się na serwerze).
Istnieje projekt codeplex, który podłącza się do stron internetowych .net, które zmniejszają i kompresują pliki CSS i JS. Istnieje również porównanie między Microsoft AJAX Minifier i YUI Compressor, który pokazuje, że YUI wychodzi nieco lepiej. Istnieje dodatkowa odmiana, która łączy Minifikator Microsoft i kompresję, które drastycznie zatopiły plik.
W każdym razie link to http://xpedite.codeplex.com/wikipage?title=Minifier%20(CSS%2FJavaScript%20Minification%20Handlers )
Tak to zrobiłem dla MVC3: http://mkramar.blogspot.com/2011/08/css-and-javascript-minify-and-combine.html Piękno tego podejścia polega na tym, że robi to wszystko w locie i nie musisz ręcznie przetwarzać plików ręcznie ani konfigurować po kompilacji.
Narzędzie online (znacznie lepsze niż www.csscompressor.net, które podbiło mój css up): http://www.cssdrive.com/compressor/compress.php wykonuje doskonałą robotę.
Przykład 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 będzie dla ciebie dobrym narzędziem online, zmniejszy twój css jednym kliknięciem
Rzuć okiem na najnowszą wersję HTML5BoilerPlate autorstwa Paula Irisha - zawiera ona skrypt kompilacji, aby zminimalizować wszystkie twoje zasoby (w tym pliki PNG i JPG). Można zobaczyć film demo tutaj .