José Carlos Web Designer | Freelancer

Compactar CSS em tempo de execução

Achei há algum tempo um pequeno código PHP para compactar o código CSS em tempo execução, fazendo assim com que o site seja carregado muito mais rápido.

Para se ter uma idéia, consegui reduzir o CSS principal do meu site de 12kb para 4kb.

Para inserir faça o seguinte, renomeie o seu arquivo.css para arquivo.css.php (lembrar de alterar onde ele faz o import no site também).

Agora que ele é um arquivo com o final “php”, insira na primeira linha o código:

<?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>

Após isso vá para última linha e insira o código:

<?php if(extension_loaded('zlib')){ob_end_flush();}?>

Feito isso, salve o seu arquivo e envie para o servidor, para ver o tamanho no carregamento uma opção é com o BugZilla.

Lembrando que se você tentar olhar o tamanho pelas propriedades por exemplo, o tamanho será o mesmo, ele só irá compactar o arquivo quando ele for requisitado ao servidor.