Alguma recomendação para um minificador CSS?
Estarei pesquisando no Google e testando alguns, mas suspeitei que a comunidade StackOverflow inteligente, proficiente e curiosamente bonita já tenha avaliado os prós e os contras dos pesos pesados.
Alguma recomendação para um minificador CSS?
Estarei pesquisando no Google e testando alguns, mas suspeitei que a comunidade StackOverflow inteligente, proficiente e curiosamente bonita já tenha avaliado os prós e os contras dos pesos pesados.
Respostas:
O compressor YUI é fantástico. Funciona em JavaScript e CSS. Confira.
Há também uma porta .NET do YUI Compressor que permite: -
ATUALIZAÇÃO 2011: E agora também está disponível via NuGet :)
Eu gosto do Minify . Em PHP e funciona com CSS ou JavaScript.
Atualmente, o CSSO é o melhor minificador / otimizador.
Se você usa o Python, eu recomendaria o mais fino, que provavelmente não é tão rápido quanto o YUI Compressor, mas ao contrário do csscompressor.net, ele não engasga com hacks CSS.
Sou tendencioso desde que escrevi mais fino e atualmente estou avaliando o YUI Compressor para ver como ele lida com hacks. Um exemplo de ação mais enxuta pode ser visto se você visualizar a fonte de crosstips.org
Confira CSSTidy: http://csstidy.sourceforge.net/usage.php
E on-line em: http://cdburnerxp.se/cssparse/css_optimiser.php
Se você está procurando uma ferramenta online, tente o seguinte: https://csscompressor.net/
html{width:100%;height:100%;} body{width:100%;height:100%;padding:0;} #test{padding:1em;width:10em;} #test{padding:2em;}
e funcionou melhor do que o YUI Compressor (que não eliminou duplicatas para o preenchimento de # test). Ainda assim, ambos falharam em me satisfazer html,body{width:100%;height:100%}body{padding:0}
(o que, no meu entender, é equivalente, pois os dois seletores têm a mesma especificidade).
Eu escrevi um minifier CSS ultra-rápido em C #. O algoritmo não suporta Javascript. Thy this: http://www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Algorithm.aspx .
Tente folhas de estilo de fechamento .
Além da minificação, ele também suporta linting , inversão de RTL e renomeação de classe .
Também pode adicionar variáveis , funções , condicionais e mixins ao CSS.
Observe também que alguns desses recursos dependem do restante das Ferramentas de fechamento (que são muito poderosas por si só).
Se você está procurando algo em PHP, aqui está o link: -
Embora faça parte da estrutura PHP sem gordura, também pode ser usado de forma independente.
Acho que o CSS SuperScrub do isnoop funciona muito bem. Porém, ele só pode manipular links diretos para CSS online: / Você pode contornar isso usando o serviço pastebin preferido para armazenar o código css e fornecendo ao SuperScrub o link bruto.
#test { padding: 1em; width: 10em; } #test { padding: 2em; }
e falhou.
Se o seu site estiver no ASP.NET, você poderá permitir que ele faça a minificação CSS em tempo real (para que você não precise fazê-lo manualmente toda vez que fizer uma alteração). Por exemplo, com isso:
O Perl possui CSS :: Minifier (e uma versão XS para velocidade extra).
Outros mencionaram o YUI Compressor, depois a porta .NET, e adicionarei outro link à cadeia. O StyleManager é um controle de servidor que quebra a porta .NET do YUI Compressor para que você possa usá-lo exatamente como está acostumado a usar o ScriptManager. Ele também inclui vários outros recursos interessantes, como constantes CSS, resolução de til (~) nas suas definições de imagem de fundo, etc. É compacto, bem documentado e eu o usei em todos os meus projetos recentes com / o um problema. Confira - gStyleManager.com
Ainda "em beta", mas deve funcionar bastante bem. Eu uso o código por trás dele em todos os projetos: http://claudiu.phpfogapp.com/ Ele é construído em PHP e também hospeda seu arquivo * .css por um período bastante grande, certamente o suficiente para permitir que você teste seu código com o css minificado. (Eu excluiria apenas arquivos CSS antigos se o espaço ficar lotado no servidor).
Há um projeto codeplex que será conectado a sites .net que reduzirá e compactará os arquivos CSS e JS. Há também uma comparação entre o Microsoft AJAX Minifier e o YUI Compressor, que mostra a YUI saindo um pouco melhor. Há uma variação extra que combina o Microsoft Minifier e a compactação que drasticamente atrapalham o arquivo.
De qualquer forma, o link é http://xpedite.codeplex.com/wikipage?title=Minifier%20(CSS%2FJavaScript%20Minification%20Handlers )
Foi assim que fiz para o MVC3: http://mkramar.blogspot.com/2011/08/css-and-javascript-minify-and-combine.html A beleza dessa abordagem é que ela faz tudo em tempo real e você não precisa pré-processar os arquivos manualmente ou configurar a pós-compilação.
Uma ferramenta on-line (muito melhor que www.csscompressor.net, que elevou meu CSS): http://www.cssdrive.com/compressor/compress.php faz um excelente trabalho.
Exemplo 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*", ";");
O zbugs.com será uma boa ferramenta online para você, ele reduzirá seu css em um único clique
Dê uma olhada no mais recente HTML5BoilerPlate de Paul Irish - ele contém um script de compilação para reduzir todos os seus ativos (incluindo PNG e JPG). Você pode ver um vídeo de demonstração aqui .