Comprime tu CSS

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.
  3. <?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>
  4. Y esto al final.
  5. <?php if(extension_loaded('zlib')){ob_end_flush();}?>
  6. Editar el archivo header.php y cambiar la llamada al fichero, ahora llamara al style.css.php. Tenemos 2 posibles formas de hacerlo, así.
  7. <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

9 pensamientos en “Comprime tu CSS

  1. El archivo .css recibido en el pc no es de 20 y tantos kb, sino de unos pocos, si te instalas la extensión Firebug para Firefox, podrás comprobar las mejoras con sólo recargar la página.

  2. Pingback: Cambios internos en viciao2k3 | Viciao2k3 - PHP, web 2.0, wordpress, diseño, musica, software

  3. Aunque la transferencia está claro que será más rápida, mi pregunta es, que tiempo se tarda en hacer la compresión descompresión? Estaria ver calcularlo para poder ver realmente el tiempo en que se mejora la carga de la página.

Deja un comentario