Comprimir las hojas de estilo (CSS)

Categorizado en Internet, blogosfera

Todos sabemos que la mayoría de las páginas o blogs de hoy en día ya no utilizan los antiguos códigos HTML y en cambio para hacer un trabajo más fácil para la edición utilizan hojas de estilo (CSS). Aunque no suelen ocupar muchos yo he visto CSS que llegasen a ocupar 50kb y eso, al cargar una página se nota bastante.

Hay que tener en cuenta que el método de compresión es basado en PHP y puede que utilice un mínimo del servidor para comprimir los datos, dicho esto, si tienes un servidor penoso quizás no te recomiendo usarlo aunque en la mayoría de los casos no debería de ser un problema.

Partamos de la base que nadie utiliza Internet Explorer 4 o Netscape del año de la pera, por lo que funcionaría a todo el mundo y por lo tanto, estarías ahorrando ancho de banda. Cómo ejemplo te pondré que Digg tiene un CSS de 26.3Kb y después de la compresión se convirtió en 6Kb.

Vamos al grano:

1) Haz una copia de tu CSS y luego agregale el sufijo .php así se llamaría estilo.css.php
2) Una vez hecho eso tienes que editar el nuevo php creado y agregar:

al principio del archivo antes que todo:

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

Al final de todo el archivo:

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

3) Luego tendremos que editar nuestro código donde apunta a la hoja de estilo por uno de estos dos, dependiendo de cual utilices:

<link rel="stylesheet" type="text/css" media="screen" href="/style.css.php"/>

o bien

<style type="text/css" media="screen"> @import url(http://www.dominio.com/wp-content/themes/theme/style.css.php); </style>

Si tienes alguna duda no te lo pienses dos veces y pregunta.

vía | Paulstamatiou

Y ahora qué hago?