Uno, o muchos css?

moro666 · #1 (**permalink**) 19/11/2012, 07:12

Pos el titulo lo dice todo, xDDD!

El otro dia me entretuve en hacer un slider completamente en css, cosa que ocupa bastante. La cuestion es poner dos css en mi web (uno con el css "general" y otro con el css del slider) o ponerlo todo en un solo archivo.

La idea principal es que la pagina carge lo mas rapido posible!

pzin · #2 (**permalink**) 19/11/2012, 07:19

Habitualmente —hablo de mi— en un general.css pongo la estructura del sitio por completo, léase header, menu, estructura principal etc. Vamos, lo que son propiedades comunes a lo largo del sitio web.

Luego otro que sea específico para cada sección. En el cual, yo incluiría ese slider si es para tal o cual sección.

La idea es que tal vez el usuario no visite todas las secciones, por lo cual no hay que cargar los estilos de todas las secciones. A la vez tienes algo un poco más ordenado, archivos más pequeños seccionados que resultan más cómodos a la hora de hacer algún cambio. Sobre todo después de mucho tiempo.

También dependerá un poco de la naturaleza del sitio. Si es un sitio muy pequeño de apenas tres o cuatro secciones y estas con poco contenido, pues con un archivo CSS es suficiente. Si en cambio es un sitio inmenso, con muchos estilos que dar, hasta seccionaría el archivo general.css.

Varios archivos van a tardar más en cargar en un sitio pequeño que uno mayor.

moro666 · #3 (**permalink**) 19/11/2012, 15:09

Veo, siempre hay que cargar lo justo, asi mejor. Como mi web sera mas bien grande intento dividir lo mas posible para no cargar siempre el mismo css y evitar el uso de funciones inutiles no?

Hay algun sistema (siempre evitando JS a toda costa) para "prrecargar" los otros css de la pagina al finalizar la carga de la web?
Pera que me explico mjeor. Pon por caso que tengo una web con solo un html y un css, una vez cargado esto, la idea es ir "precargando" otros css de otras partes de la web para asi reducir el tiempo de carga si al usuario le da por cargar otra pagina del sitio con diferentes css al que estan usando.

Tedel · #4 (**permalink**) 20/11/2012, 09:47

Un solo archivo CSS para toda la web. Considéralo una regla para un SEO efectivo.

pzin · #5 (**permalink**) 20/11/2012, 10:09

¿SEO? El foro de SEO es por ahí. ↬

Carlangueitor · #6 (**permalink**) 20/11/2012, 12:59

Cita:

Iniciado por Tedel

Un solo archivo CSS para toda la web. Considéralo una regla para un SEO efectivo.

No pongas al SEO antes que al usuario. Considéralo una regla para un SITIO efectivo.

Como ya comentó el compañero @Bonez, creo que dependerá mucho del sitio, unas preguntas:

¿El slider está en la página principal?
¿Tus usuarios regularmente llegan a tu sitio por la página principal?
¿Cuánto es bastante en ese CSS?

Saludos

moro666 · #7 (**permalink**) 21/11/2012, 08:21

Si, el slider esta en la pagina principal (por la que se accede), aqui dejo uno de ejemplo:
http://goo.gl/Ma9vM

No tengo aun claro que es eso del SEO, pero mi idea es hacer que la pagina vaya rapido y no se casce kada 2 por 3.

Tedel · #8 (**permalink**) 21/11/2012, 10:08

Cita:

Iniciado por Carlangueitor

No pongas al SEO antes que al usuario. Considéralo una regla para un SITIO efectivo.

Optimizar la web es lo mejor que puedes hacer por tus usuarios, viejo. El SEO es mucho más que los rankings.

Y para que un sitio web esté optimizado debes usar un y solo un archivo CSS.

memoadian · #9 (**permalink**) 21/11/2012, 10:40

Considerando un css muy, pero muy pesado digamos 100 kb, es un monstruo. contra una imagen de un slide, por muy ligera 247kb, el css no tiene importancia.

en este caso, podrías dividir los css para cada sección si es que las secciones varian mucho, con algún lenguaje de servidor :)

moro666 · #10 (**permalink**) 22/11/2012, 23:50

Bueno, si cargar un css distinto con php por cada pagina no es mala idea... Es mas me esta gustando xD!

Por lo que me dijo Tedel, asi que un css solo no?, pero un css para cada "pagina" de la web, o uno solo para TODA la web??

Carlangueitor · #11 (**permalink**) 23/11/2012, 12:37

Cita:

Iniciado por Tedel

Optimizar la web es lo mejor que puedes hacer por tus usuarios, viejo.

Totalmente de acuerdo.

Cita:

Iniciado por Tedel

Y para que un sitio web esté optimizado debes usar un y solo un archivo CSS.

No, siempre hay que evaluar. Razones por la que no sería conveniente tener un solo archivo CSS, suponiendo que "el archivo" es extra a los estilos generales:

El archivo es demasiado grande (es raro, pero posible) y el indice de usuarios que lo requieren es bajo, por ejemplo está en una página interna que no es visitada en la misma cantidad que el home.
El archivo es generado dinámicamente en el servidor, por ejemplo, un css que es usado en la visualización de gráficas. En este caso es mejor tener los estilos generales en un archivo y lo dinámico en otro, así se cachea correctamente.
El archivo son fixes para un navegador en especifico, por ejemplo estilos para ie8.

Regularmente estos casos no son muy comunes, pero siempre hay posibilidad.

Volviendo al tema original, deja los archivos en uno solo, tu CSS no es nada grande, en todo caso algo de compresión le vendría bien.

Saludos

moro666 · #12 (**permalink**) 26/11/2012, 06:30

Si, me vendria bien un tutorial o explicacion de como usar gzip en mi web, no tengo ese tema muy claro...

Trublux · #13 (**permalink**) 26/11/2012, 10:51

Si las distintas partes de tu web son muy distintas, es mejor tener un css con la estructura y otro css de esa zona en particular.
Hay otra gente que separa el css en estructura, fuentes, etc.
Se haga como se haga lo mejor es usar alguna utilidad que junte todos los css (y js) que se cargan en una página y cree un archivo único (eliminando espacios, comentarios, etc.).