Macs Pro poderão incorporar chips Intel Xeon “Gulftown” hexa-core no início de 2010
Home » Internet, Projetos, Web 2.0

Comprimindo folhas de estilo CSS para publicação

Até conhecer o CSS Compressor, eu era o típico webdeveloper que se preocupava a todo momento com o tamanho final da folha de estilos CSS dos sites que desenvolvo, para não deixá-lo deveras pesado. O processo era bem mecânico: ficava organizando as classes e propriedades de forma a evitar duplicatas, usava sempre modos shorthand e até mesmo me preocupava com detalhes do tipo não precisar colocar unidades de medida em propriedades definidas explicitamente com o valor 0.

O que esse sisteminha (gratuito) faz é automatizar todo esse processo, analisando sua folha de estilos e convertendo definições de cores para a menor forma possível, combinando regras e seletores idênticos, removendo propriedades desnecessárias e eliminando todo e qualquer espaço em branco e parágrafo do arquivo — é como se fosse um compactador de arquivos virtual.

O resultado é mostrado em uma fração de segundos no próprio site — colorido para melhor entendimento — e traz as estatísticas do processo: qual era o tamanho do arquivo antes, qual o tamanho final que ele atingiu e qual foi sua taxa de compressão. Até mesmo nas menores folhas de estilos rodar o CSS Compressor pode fazer diferença: no site que estou trabalhando neste momento, o CSS foi de 2.01 kB (2,058 B) para 1.53 kB (1,562 B), uma redução de 24,1%! Isso não é pouca coisa, minha gente.

Há de se preocupar, porém, em testar todo o site após a execução do Compressor. É possível que ele elimine regras ou combine propriedades que não deveriam ser combinadas. Se você perceber que a coisa ficou bem feia, deixe pra lá. Caso os problemas forem mínimos, experimente habilitando e desabilitando as opções de compressão disponíveis no site.

Outra coisa a se pensar é nunca sobreescrever sua folha de estilos originais com a cópia reduzida. Como falei, um dos recursos do Compressor é eliminar todos os espaços em branco e parágrafos do CSS, e aí a sua edição, posteriormente, pode ficar complicada. Tenha sempre o original em mãos e, sempre que fizer modificações, rode o Compressor novamente e envie o CSS reduzido para o servidor.

« CSS3 possiblitará sites muito mais bonitos, sofisticados, e leves Já sabemos o preço do Mac Pro no Brasil »

Artigos relacionados

Quem escreve?

Rafael Fischmann
Rafael Fischmann
Graduado em Comunicação Social com Habilitação em Publicidade e Propaganda na Universidade Salvador - UNIFACS, tem paixão pela Apple e seus produtos desde quando adquiriu seu primeiro iMac (um G3 Blueberry), em agosto de 2000. Possui hoje um MacBook Pro unibody de 17 polegadas, um iPod video de 80GB, um iPod shuffle de 2GB e um AirPort Express. O mais novo integrante da família é um iPhone 3GS preto de 32GB.

Produtos do seu interesse

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

2 Comentários »

Deixe um comentário!

Envie o seu comentário abaixo, ou um trackback do seu próprio site. Você também pode assinar estes comentários via RSS.

Seja legal. Jogue limpo. Foque-se no tópico. Sem spam.

Você pode usar estas tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Este blog é integrado ao Gravatar. Crie um você também!

Aviso: todo e qualquer texto publicado na internet através deste sistema não reflete, necessariamente, a opinião deste weblog ou de seu(s) autor(es). Os comentários publicados através deste sistema são de exclusiva e integral responsabilidade e autoria dos leitores que dele fizerem uso. O autor deste weblog reserva-se, desde já, o direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação de seu autor (nome completo e endereço válido de email) também poderão ser excluídos.