Suscribete →
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;
Agrupado:
CSS:
-
background: 10px 10px url('../img/imagen.gif') no-repeat;
Anteriormente había publicado varios artículos sobre el tema:
Eso es verdad
es bastante bueno al minuto para agilizar la web, pero ojo, si quieres modificar algo, cuesta muuucho mas
Lo digo por experiencia propia
Saludos!
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
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
Saludos