Deixe seu site rápido comprimindo o CSS

Bom este é o meu primeiro post no meu Blog voltado para vários assuntos de meu interesse, ao invés de eu colocar algum post inútil só por ser o primeiro, quero colocar algo que acrescente. Assim vou colocar uma dica que estou utilizando neste Blog, a dica é para fazer o site carregar mais rápido. Muita gente fala em otimizar o JavaScript para o site ficar rápido mas támbém não podemos esquecer de otimizar o CSS. Bom não é nenhuma surpresa que todos os KB que você puder diminuir do seu website – as páginas carregarão muito mais rápidas.  Mas carregamento rápido não é o único beneficio em compactar o CSS, você pode criar arquivos mais longos e deixar seu site mais bonito, o seu servidor terá um consumo de banda menor e isto para determinadas hospedagens e revendas é muito útil. Pelo que andei vendo em minhas pesquisas existem duas opções para compactar o CSS. A primeira opção é uma compactação estática e a segunda é a dinâmica. Para pessoas que raramente vão mexer no código CSS recomendo a compactação estática que pode ser feito através de um serviço online disponível no site CSS Drive, clique aqui e confira. Gostei muito desta ferramenta mesmo se o seu css está cheio de comentários e super gigante ele ficará pequeno. Agora se você é fuçador e está sempre alterando seu CSS querendo fazer melhorias constantes em seu website a compactação estática será uma dor de cabeça, pois toda ora você terá que gerar uma nova versão. Para mim que as vezes estou alterando meus sites em locais diferentes, nem sempre na minha máquina, a solução que me atraiu mais é a compressão do CSS no formato dinâmico. Existem muitas idéias na web mas encontrei uma super simplificada veja o exemplo abaixo: Na tag que você invoca seu arquivo CSS coloque o endereço do script PHP responsável pela compressão: [html] <link rel="stylesheet" type="text/css" href="http://www.seusite.com.br/otimiza_css.php" /> [/html] No arquivo otimiza_css.php coloque o código abaixo e em "include" coloque o caminho para o CSS original: [php] <?php //Essa idéia encontrei de um programador alemão chamado Reinhold Weber header('Content-type: text/css'); ob_start("compress"); function compress($buffer) { /* remove comments */ $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer); /* remove tabs, spaces, newlines, etc. */ $buffer = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $buffer); return $buffer; } /* Acrescente o endereço do seu código CSS aqui, estou utilizando o caminho relativo veja a opção que melhor adequa ao seu site!*/ include('./style.css'); ob_end_flush(); ?> [/php] Pronto! Desta forma independente do estado que o seu arquivo CSS está ele sempre ficará pequeno e limpo. E outra coisa legal que se você colocar um nome bem estranho no CSS original, colocar em um diretório protegido, etc ninguem terá acesso a ele. Bom basicamente é isto.