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

  • Elvis: Tengo un adaptador d-link tl-wn422g(usb) como puedo hacer una antena casera para ampliar su señal?
  • amis: soy muy nuevo en esto,me gustaria subir el pagerank de mi web www.zapateria-amis.es por si alguien me puede...
  • teorico: muchas gracias.
  • InKiLiNo: Kimelet, si sigues los pasos tendría que salirte, es muuy fácil, no hay complicación alguna, ¿has...
  • Kimelet: No he conseguido lograr ver el tema del reader. Creo que està todo correcto però no logro que aparezca....
  • Marcos: Y la pagina es como el orto de mala, dice que tengo safari y tengo google chrome y dice que tengo MAC OS X y...
  • Marcos: Las explicaciones no detallan bien los nombres de los utiles necesarios para la construccion
  • juampi: jaja