Qualche consiglio per un minificatore CSS?
Eseguirò il rooting su Google e ne proverò alcuni, ma sospettavo che la comunità StackOverflow intelligente, competente e curiosamente attraente potesse aver già valutato i pro e i contro dei pesi massimi.
Qualche consiglio per un minificatore CSS?
Eseguirò il rooting su Google e ne proverò alcuni, ma sospettavo che la comunità StackOverflow intelligente, competente e curiosamente attraente potesse aver già valutato i pro e i contro dei pesi massimi.
Risposte:
Il compressore YUI è fantastico. Funziona su JavaScript e CSS. Controlla.
C'è anche una porta .NET di YUI Compressor che ti consente di: -
AGGIORNAMENTO 2011: ora è disponibile anche tramite NuGet :)
Mi piace Minify . In PHP e funziona con CSS o JavaScript.
CSSO è attualmente il miglior minificatore / ottimizzatore.
Se usi Python, consiglierei un prodotto più snello che probabilmente non è veloce come YUI Compressor ma a differenza di csscompressor.net non soffoca sugli hack CSS.
Sono di parte da quando ho scritto più snello e attualmente sto valutando YUI Compressor per vedere come gestisce gli hack. Un esempio di dimagrimento in azione può essere visto se si visualizza la fonte di crosstips.org
Dai un'occhiata a CSSTidy: http://csstidy.sourceforge.net/usage.php
E online all'indirizzo: http://cdburnerxp.se/cssparse/css_optimiser.php
Se stai cercando uno strumento online, prova questo: https://csscompressor.net/
html{width:100%;height:100%;} body{width:100%;height:100%;padding:0;} #test{padding:1em;width:10em;} #test{padding:2em;}
e ha fatto un lavoro migliore rispetto a YUI Compressor (che non ha eliminato i duplicati per l'imbottitura di # test). Tuttavia, entrambi non mi hanno soddisfatto html,body{width:100%;height:100%}body{padding:0}
(il che, a mio avviso, è equivalente, poiché entrambi i selettori hanno la stessa specificità).
Ho scritto un minimizer CSS ultra veloce in C #. Tuttavia, l'algoritmo non gestisce Javascript. Questo: http://www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Algorithm.aspx .
Prova i fogli di stile di chiusura .
Oltre alla minimizzazione , supporta anche linting , rotazione RTL e ridenominazione di classe .
Può anche aggiungere variabili , funzioni , condizionali e mixin ai CSS.
Si noti inoltre che alcune di queste funzionalità dipendono dal resto degli strumenti di chiusura (che sono molto potenti da soli).
Se stai cercando qualcosa in PHP, ecco il link: -
Sebbene faccia parte del PHP Fat-Free Framework, può anche essere utilizzato autonomamente.
Trovo che SuperScrub CSS di isnoop funzioni molto bene. Tuttavia, può gestire solo collegamenti diretti a CSS online: / Puoi aggirarlo utilizzando il tuo servizio pastebin preferito per contenere il codice CSS e semplicemente dando a SuperScrub il link non elaborato.
#test { padding: 1em; width: 10em; } #test { padding: 2em; }
e non è riuscito.
Se il tuo sito si trova in ASP.NET, puoi lasciare che il tuo sito esegua al volo la minificazione CSS (quindi non devi farlo manualmente ogni volta che apporti una modifica). Ad esempio con questo:
Perl ha CSS :: Minifier (e una versione XS per una maggiore velocità).
Altri hanno menzionato YUI Compressor, quindi la sua porta .NET e aggiungerò un altro collegamento alla catena. StyleManager è un controllo server che avvolge la porta .NET di YUI Compressor in modo che tu possa usarlo come sei abituato a usare ScriptManager. Aggiunge anche un sacco di altre belle funzioni, come le costanti CSS, la risoluzione tilde (~) con le definizioni delle immagini di sfondo, ecc. Ecc. È stretto, ben documentato e l'ho usato su tutti i miei progetti recenti w / o un problema. Dai un'occhiata - gStyleManager.com
Ancora "in beta", ma dovrebbe funzionare abbastanza bene. Uso il codice dietro di esso in ogni progetto: http://claudiu.phpfogapp.com/ È incorporato in PHP e ospita anche il tuo file * .css per un periodo abbastanza lungo, sicuramente abbastanza per permetterti di testare il tuo codice con il css minimizzato (Eliminerei i vecchi file CSS solo se lo spazio è ammucchiato sul server).
Esiste un progetto codeplex che si collegherà a siti Web .net che minimizzerà e comprimerà i file CSS e JS. C'è anche un confronto tra il Microsoft AJAX Minifier e il compressore YUI che mostra che YUI sta uscendo leggermente meglio. Esiste una variante aggiuntiva che combina Microsoft Minifier e la compressione che drasticamente il file viene srunk.
Ad ogni modo il link è http://xpedite.codeplex.com/wikipage?title=Minifier%20(CSS%2FJavaScript%20Minification%20Handlers )
Ecco come l'ho fatto per MVC3: http://mkramar.blogspot.com/2011/08/css-and-javascript-minify-and-combine.html La bellezza di questo approccio è che fa tutto al volo e non è necessario pre-elaborare i file manualmente o configurare post-build.
Uno strumento online (molto meglio di www.csscompressor.net che ha potenziato il mio CSS): http://www.cssdrive.com/compressor/compress.php fa un ottimo lavoro.
Esempio 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 sarà un buon strumento online per te, minimizzerà i tuoi CSS in un solo clic
Dai un'occhiata all'ultimo HTML5BoilerPlate di Paul Irish: contiene uno script di build per minimizzare tutte le tue risorse (inclusi PNG e JPG). Puoi vedere un video dimostrativo qui .