Usar una o varias hojas de estilo para sitio web

[mili_07]

Buenas!! Tengo una duda y estaria muy agradecida que alguien me pudiese responder, mi duda es a la hora de implementar un sitio es mejor usar una hoja de estilo grande para todo el sitio o usar varias hojas de estilo para las diferentes secciones? Desde ya gracias!!!

[PHPeros]

Tener sólo una hoja de estilos es bueno para evitar demasiadas peticiones. Aunque te puede enredar, mientras estás desarrolando el sitio es mejor que crees múltiples y al terminar las juntes en un main.css o algo así.

[pzin]

Dependerá del sitio. Si es algo muy pequeño por lo general con una hoja te vale.

Pero lo más normal y habitual es tener dos o tres hojas de estilo vinculadas en cada vista.

Aunque como digo, al final siempre depende del sitio.

[paxarin]

Yo opino igual que pzin.
Yo en mi sitio tengo 4 por ejemplo, ya que tengo distintos css para cada dispositivo.
Pero eso una es completa y las otras solo redimensionan.

[mdk]

Yo soy partidario de como máximo dos, una para dispositivos móviles, y otra para navegadores web.

Las que hubiesen de más se podrían englobar todas en una sola, marcando las secciones con comentarios, para tenerlo todo ordenado y estructurado.

Un saludo.

[pzin]

Iniciado por mdk

Las que hubiesen de más se podrían englobar todas en una sola, marcando las secciones con comentarios, para tenerlo todo ordenado y estructurado.

No tiene mucho sentido cargar los estilos de 20 secciones de golpe.

Si la cuestión es por eficiencia y abstracción de código entonces algún lenguaje de preprocesado y hacerte sesenta archivos es buena solución —luego compilarlos según necesidad. Eso de poner comentarios para diferenciar varias secciones en un único archivo me parece, a día de hoy, una salvajada innecesaria.

Como digo, al final depende del sitio. Uno, dos o tres archivos suele ser lo indicado.

[mdk]

No sé, yo prefiero hacerlo así, ya que una vez carga el CSS no debería volver a cargarlo, además, como suelo usar ajax en las webs, me interesa todo en uno, porque ya lo tengo cargado para toda la web.

[mili_07]

Muchas gracias a todos por sus respuestas me han aclarado bastante el panorama, el sitio que estoy desarrollando es bastante grande así que tomaré de referencia el artículo de pzin que me pareció muy interesante. Además es muy cierto que depende mucho del tamaño del sitio hasta ahora venia usando una sola hoja de estilo comentada pero al ser un sitio mas grande cambia mucho. GRACIAS!

[ShinFDuran]

Eficiencia y legibilidad no están reñidos, la clave ya la ha dado Pzin aunque un poco por encima.

La clave son los preprocesadores css. En el caso de Stylus, tiene una sintaxis muy limpia y como todos los preprocesadores permite includes, así que en uno meto las variables, en otro tipografía, otro layout base, otro un incluide por media querie. Y luego eso, te lo mete en un css.

En general, cuanto menos css mejor. Por ejemplo, los que usen HTML5 Boilerplate verán que tiene un css con normalize y otro con los estilos de la página, pues bien, desde mi punto de vista es ineficiente ya que son 2 peticiones a servidor, cuando por lo general el normalize podrías meterlo perfectamente en los estilos.

En mi caso, tengo el normalize en stylus y le hago un incluide, todo modularizado con sus comentarios y demás, fácilmente modificable y luego genero un único css e importante, versión minify sin espacios, comentarios ni nada, para que ocupe menos y sea más rápido.

Ahora bien, si el css te va a pesar 100k de los cuales 80k son de diferentes subsecciones ahí si se puede uno plantear si dejar un css con los estilos base y varios css secundarios según la sección (que lo suyo sería que sólo hubiera un css secundario pero que variaría en función de la sección).