Tal y como dice el título revisando mis feeds(que ya tocaba) he descubierto una forma muy sencilla de comprimir nuestro CSS, el mio concretamente ha pasado de 26Kb a 6Kb, y claro la mejora en la velocidad de carga de la pagina se nota.
El truco es muy sencillo, sólo son 4 pasos.
- Copiar nuestro archivo style.css como style.css.php
- Editar el archivo style.css.php y poner esto al principio.
<?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>
- Y esto al final.
<?php if(extension_loaded('zlib')){ob_end_flush();}?>
- Editar el archivo header.php y cambiar la llamada al fichero, ahora llamara al style.css.php. Tenemos 2 posibles formas de hacerlo, así.
<style type="text/css" media="screen">
@import url(<?php bloginfo('stylesheet_url'); ?>.php);
</style>
o así
<link rel="stylesheet" type="text/css" media="screen" href="/style.css.php"/>
Vía | Gran Impetu