trucos para agilizar la carga de tu web (parte 4)

Optimizacion      2 Agosto, 2007      1780 lecturas      3 comentarios

Reduciendo código de la hoja de estilos CSS

Muchas de las propiedades de los estilos CSS las podemos agrupar en una sola linea, para reducir el código y aligerar la carga de la web

En el siguiente ejemplo agruparemos varias propiedades de background

Sin agrupar:

PLAIN TEXT
CSS:
  1. background-image: url('../img/imagen.gif');
  2. background-position: 10px 10px;
  3. background-repeat: no-repeat;

Agrupado:

PLAIN TEXT
CSS:
  1. background: 10px 10px url('../img/imagen.gif') no-repeat;

Compartir   twitter   del.icio.us   webeame   meneame   stumbleupon   mr.wong   ?  



  • Jajaja, yo tambien la tube en un momento asi, pero como modifico muchas veces las cosas, por ue nunca me gusta como queda dependiendo del estado animico, la voy cambiando y pues tenerlo en una linea, me confundo y dejo la embarrada xDDD

    Pero eso si se hace bastante mas liviano el codigo Css :o

    Saludos ;)
  • gafeman
    si yo te contara... utilice una herramienta para reducir el codigo css y ahora tengo toda la hoja de estilos de la web en una sola linea
  • Eso es verdad :P

    es bastante bueno al minuto para agilizar la web, pero ojo, si quieres modificar algo, cuesta muuucho mas :o

    Lo digo por experiencia propia ;)

    Saludos!
blog comments powered by Disqus