Para que nuestras CSSs sean más pequeñas y rápidas de cargar debemos tener en cuenta:

• cuando un valor es cero no lleva unidades ej.: px, pt, em
• usa el método abreviado para escribir las propiedades. Con esto podemos por ejemplo, definir en una linea los cuatro márgenes de un página, así evitamos repeticiones de código innecesarias: Reduce tus archivos de CSS con el método corto – minid.net
• agrupar estilos idénticos ej.: h1, #pie, #cabecera {font-zize:2em;}
• escribir el código de colores abreviado ej.: #ffffff; como #fff
• no dejar espacios en blancos innecesarios
• hacer uso correcto de los comentarios. Usarlos en exceso solo agrega bytes innecesarios que probablemente nadie lea, por otro lado su uso (moderado) puede ayudarnos en su mantenimiento

Lecturas relacionadas:

• CristaLAB – Optimizando CSS / CSS y PHP
• VivaPHP! – Optimizando archivos CSS
• HTML en castellano. CSS nivel 1 html xhtm
• martinpulido.com – Algunos consejos cuando uses CSS

Herramientas:

• CSS Tweak
• Clean CSS (hablamos en detalle en elpost anterior)

Tags: CSS trucos, CSS consejos, CSS optimizaciones

CSS CSS