style

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.

1. Copiar nuestro archivo style.css como style.css.php
2. 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"); ?>

3. Y esto al final.

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

4. 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