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:
Tags: CSS trucos, CSS consejos, CSS optimizaciones