2007 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

Related Posts with ThumbnailsTambién te puede interesar:
  • No related posts

Suscribete gratis
  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
  1. Cambios internos en viciao2k3 | Viciao2k3 - PHP, web 2.0, wordpress, diseño, musica, software

(obligatorio)





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

  • Hosting para Blogs

  • lizeth: hola me gustaria que me dijeran como se escribe LIZETH en griego. gracias
  • luciano: Probé una antena wifi pannello es mucho mejor! http://www.frequence-wifi.com
  • Macylack: No conecta porque no pagas por navegar con el gps. Tienes que pagar cuotas por usarlo. Hay alternatibas...
  • Pimpinela: Hola, yo tb tengo un Nokia 6120 classic y sí me he bajado los mapas e incluso me deja entrar y buscar...
  • Amaya: esk iio k3ro acer miiz imagenez miiaz creadaz x mii!!!
  • emilio julian: rere
  • pagerank: bien felicitaciones por ti, segui asi que vas bien.
  • pagerank: En hora buena que buena surte la tuya.