Fork me on GitHub

Miquel Camps Orteza

Soy programador web. Estoy especializado en desarrollo web (php, js). Estoy aprendiendo a desarrollar apps para iphone/ipad.
Organizo betabeers en Madrid.
Sobre mí     Metas     Hacks     Contactar     LinkedIn     Twitter    
Inicio

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

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:

[css]background-image: url(‘../img/imagen.gif’);
background-position: 10px 10px;
background-repeat: no-repeat;[/css]

Agrupado:

[css]background: 10px 10px url(‘../img/imagen.gif’) no-repeat;[/css]

agosto 2, 2007
Sigueme en twitter Suscribete por RSS Suscribete por email
Temas relacionados
Deja un comentario







Comentarios
  1. Chicoblog

    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!


  2. 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


  3. Chicoblog

    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 ;)