Optimizar el CSS de la web.

[jmb0286]

Estoy trabajando en la realización de un sitio web de información y noticias para una entrega de culminación de curso. Y quería saber que les parece el sitio. Y de que manera puedo optimizar el CSS por que yo como se darán cuenta utilizo muchos estilos y muchos div para hacerlo. Les pregunto porque no me convence, a uds?

El sitio original es: http://www.camaradellibro.com.uy y el que estoy haciendo yo es: http://camaradellibro.net78.net. Desde ya gracias.

[Zeromm]

1.- No metas css incrustado en el html, para eso ya están los archivos ".css"

2.- No carges varios archivos css. Mete todo el contenido en el mismo archivo css.

3.- No pongas contenido que no hace nada en el css, como el que tienes en "estilos.css", que tienes un "body" vacío.

4.- No pongas colores como "background-color: #EEEEEE;". Llega con ponerlo como #EEE. Si la letra del color se repite, llega con ponerlo 3 veces.

5.- Si un valor es 0, no hace falta que le pongas la unidad. Como por ejemplo aquí "margin: 0px 20px 20px 20px;". Quedaría así: margin: 0 20px 20px 20px;

6.- Unifica estilos. No metas los "font-family", "font-size" y "font-weight" que le quieres aplicar a un mismo elemento separados. Todos esos estilos metelos dentro de un "font".

Hay más cosillas, pero a grandes rasgos si vas mejorando esas cosas ya tendrás un css bastante más optimizado.

[pzin]

Exceptuando el segundo punto, que depende del sitio, suscribo todos los consejos de Zeromm y añado uno más:

Indentación y comentarios: No hacen falta que sean publicados. Puedes usar algún compresor CSS, o si quieres ser más fino algún preprocesador de CSS tipo SASS.

[Zeromm]

Iniciado por pzin

Exceptuando el segundo punto, que depende del sitio

En este caso no es necesario cargar más de un css. Está metiendo archivos css como si fueran archivos less o sass... no es necesario hacerlo así en este caso.

[pzin]

Iniciado por Zeromm

En este caso no es necesario cargar más de un css. Está metiendo archivos css como si fueran archivos less o sass... no es necesario hacerlo así en este caso.

Si por eso digo que depende del sitio. Sólo puntualicé porque lo demás debería de ser aplicable a todo sitio, pero ese punto era una poco concreto para este caso.