Blog personal de InKiLiNo


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:
  • 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

(obligatorio)





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

  • Hosting para Blogs


  • jesus: jajaja k buena desde luego un madridista conduciendo que vea eso, si es de los fanaticos habra pique
  • AquaNoche: No creo que a los del Madrid les haga mucha gracia… jejeje.
  • Akinooooo: parace una chiqita de 10 años xD
  • Cristian Hoyos: Compañero que pena con ud. pero esta llevando el concepto de WEB 2.0 a un modelo muy básico, sin...
  • Bingo: Que buenos, como se lo curra la gente, me va a costar decidirme entre varios. Gracias Ana
  • kevin oquendo: simplemente es cierto esa xqria no sirve para nada y les invitos para q se cambien al firefox 3.5 ya...
  • Milton!: Ya vengo, me estoy sacando una foto para graficarle como se debe a mis futuros hijos la explicación de...
  • InKiLiNo: @Ces que va tranquilo, el cambio de 6GB a 8GB sólo vale 90€, y creo que vale la pena, no sólo por los 2GB...







Comunidad InKiLiNo


Si tienes cuenta en Facebook:

Ultimas visitas
ver más...