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 comentarios en “Comprime tu CSS”

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

    Responder

Deja un comentario

Esta web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies.

ACEPTAR
Aviso de cookies
A %d blogueros les gusta esto: