Un archivo CSS contra múltiples para páginas diferentes

Question

Tengo un sitio donde todas las páginas tienen el mismo encabezado y pie de página, pero varían entre los contenidos. Estimo que el 30% del CSS es común a todas las páginas, con un 70% de variación.

¿Cuáles son las ventajas y desventajas relativas de usar un archivo CSS versus múltiples para páginas diferentes?

Answer 1

Ventajas de un archivo CSS

• Sólo una petición HTTP que se necesita para traérsela, lo que mejora el primer tiempo de carga para la mayoría de usuarios y acelerará la página se carga posteriores, especialmente si se espera que los usuarios para visitar más de un tipo de página diferente durante su visita. Esto también puede disminuir la carga del servidor.

Ventajas de múltiples archivos CSS

• Reduce el ancho de banda, sobre todo si cualquier usuario dado no es probable que ver muchos de los diferentes tipos de páginas en su sitio durante su visita (que puede ser el caso si su sitio está dividido en subsitios casi no relacionados). Tenga en cuenta que múltiples archivos CSS aumentarán las solicitudes HTTP, lo que a pesar del ahorro de ancho de banda puede disminuir la velocidad de carga en las conexiones modernas.

En general, estoy a favor de tener un único archivo CSS para un sitio en la mayoría de los casos.

Answer 2

Múltiples archivos CSS requieren múltiples solicitudes para recuperar los archivos de sus servidores, esto puede introducir una latencia adicional antes de que el cliente pueda renderizar las páginas. Un solo archivo CSS implica menos latencia y puede permitir que su sitio lo renderice mucho más rápido.

Las ventajas de un único archivo CSS aumentan a medida que aumentan las velocidades de latencia del cliente, por lo que los módems de alta latencia y los teléfonos celulares probablemente se beneficiarían más que las computadoras conectadas a banda ancha.

Answer 3

Estoy de acuerdo con las otras respuestas que un archivo es generalmente mejor, y lo agregaré en mi experiencia, después de la minificación y gzip (usted está haciendo las dos cosas, ¿verdad?) No he servido nunca CSS ha sido más que un puñado de kilobytes. Los archivos CSS pueden ser físicamente largos en términos de # de líneas de origen, pero cuando los reduces, son bastante compactos (y es posible que no haya tanto texto).

Es una de esas cosas donde la optimización de CSS rompiéndolo a cabo a través de las páginas puede por hacer, pero hay tantas cosas más grandes que usted puede pasar su tiempo en la optimización que es muy difícil de justificar el esfuerzo allí.

Answer 4

Agregando a la respuesta aceptada:

Ventajas de múltiples archivos CSS

mejor organización del código - más fácil de navegar y saber que los cambios no afectan a otras páginas distintas de la que se está trabajando en.