Sep 26

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

También te puede interesar leer:

  • No related posts
  1. Gravatar

    Galu

    # 1

    Wow!!
    Al final generaremos todos los CSS mediante programación para solventar las limitaciones de las especificaciones actuales.

    Con Mozilla Firefox Mozilla Firefox 2.0.0.6 y Mac OS Mac OS X
    El Miércoles 26 de Septiembre de 2007 a las 11:43
  2. Gravatar

    FeLiPe RM

    # 2

    Me viene genial. Muchas gracias tio ;-)

    Con Mozilla Firefox Mozilla Firefox 2.0.0.7 y Windows Windows XP
    El Miércoles 26 de Septiembre de 2007 a las 14:40
  3. Gravatar

    Barbara

    # 3

    genialissimo!!!

    que bien

    saludosssssssss :)

    Con Mozilla Firefox Mozilla Firefox 2.0.0.3 y Mac OS Mac OS X
    El Miércoles 26 de Septiembre de 2007 a las 16:32
  4. Gravatar

    Cristián Raveau

    # 4

    Excelente, voy a probarlo el fin de semana, muchas gracias.
    Saludos

  5. Gravatar

    fokker

    # 5

    Cual es la ventaja? La descompresión se hace a nivel de servidor, por lo que recibimos es enviado y recibido por el pc es un CSS de 20 y tantos kB, cual es la ventaja?

    Con Mozilla Firefox Mozilla Firefox 2.0 y Mac OS Mac OS X
    El Jueves 27 de Septiembre de 2007 a las 7:13
  6. Gravatar

    InKiLiNo

    # 6

    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.

    Con Mozilla Firefox Mozilla Firefox 2.0.0.7 y Windows Windows XP
    El Jueves 27 de Septiembre de 2007 a las 7:17
  7. Gravatar

    Sanchez

    # 7

    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.

    Con Mozilla Firefox Mozilla Firefox 2.0.0.7 y Windows Windows XP
    El Martes 16 de Octubre de 2007 a las 3:28
  8. Gravatar

    InKiLiNo

    # 8

    @Sanchez eso lo mejor es hacer pruebas para comprobarlo, hay muchos programas que te miden el tiempo que tarda en cargar una pagina.

    Con Mozilla Firefox Mozilla Firefox 2.0.0.7 y Mac OS Mac OS X
    El Martes 16 de Octubre de 2007 a las 6:55

(obligatorio)





InKiLiNo.com feed feed Del.icio.us Technorati feed Twitter FlickR Youtube


  • LuisHSeminarioH: Desde siempre me identifiqué con Google, la verdad que siempre encontré la información que...
  • FeLiPe RM: Me encantaría ir, pero justo esas fechas son muy malas para mi (mucho lio). Si vas, haz una review ;-)
  • forat: Que pasa man !! Créeme tío que el peluquero también se lo pasa teta cuando haces la visita ;)
  • American: Yo nuevamente… Ya que esto es nuevo para mi… ¿Cómo puedo saber si WP hizo los ping? ¿Qué...
  • InKiLiNo: Gracias American, ya lo he arreglado ;)
  • luigix: A mi me pasa más o menos como a ti, se me están acumulando un montón y no encuentro el momento para...
  • American: Ahhh, perfecto Inkilino, ahora lo encontré, pense que era al escribir cada post… Por cierto, un...
  • jose87: Qué se te acumula el trabajo Inkilino!!! jejeje muchas gracias por pasarme el meme ;)





© 2008 — Theme diseñado por InKiLiNo, alojado en Blogsting y gestionado con WordPress — 24 consultas en 0.893 segundos. — Condiciones y Algunos derechos reservados | Subir