¿La combinación de archivos CSS realmente acelera un sitio web?

si y no. En este momento, tiene 6 archivos CSS diferentes, por lo que una vez que su navegador recupere la página HTML, tendrá que hacer 6 solicitudes adicionales al servidor para recuperar los archivos CSS. Esto es un poco lento y retrasará el renderizado.

Sin embargo, los navegadores modernos agregarán archivos a su caché y eso incluye esos archivos CSS. También pueden hacer descargas paralelas, lo que significa que todos los archivos se descargan al mismo tiempo, utilizando múltiples hilos u otras opciones. (Solicitudes asincrónicas). La forma en que los navegadores modernos optimizarán el manejo de archivos puede afectar la velocidad de un archivo CSS grande en comparación con varios pequeños.

Aún así, en general es más rápido usar un solo archivo CSS. También se almacena en caché. Pero no se puede cargar en paralelo, por lo que la recuperación de archivos CSS grandes puede ser más lenta que la descarga paralela de varios archivos pequeños. Pero esa sería una situación excepcional.

En general, la respuesta a su pregunta es:

Pero hay circunstancias especiales en las que no es cierto.

Hola,

en general tiene razón, un archivo CSS debería cargarse más rápido que seis archivos CSS separados.

Los navegadores modernos utilizan el almacenamiento en caché y otras tecnologías (por ejemplo, carga asincrónica) para minimizar las desventajas de cargar múltiples archivos (CSS), pero aún es recomendable combinar / fusionar todos sus archivos CSS en un archivo más grande. Incluso puede usar una herramienta para fusionar sus archivos CSS para poder trabajar con múltiples archivos en su entorno de desarrollo y luego combinar estos archivos en un archivo más grande para su entorno en vivo. Echa un vistazo a Shrinker.ch para eso.

También asegúrese de minimizar siempre sus archivos CSS, ya que puede ahorrar una tonelada de tamaño de archivo. Consulte nuestro CSSMinifier para eso.

Puede usar GTMetrix para analizar la velocidad de su página y una cantidad de solicitudes. A continuación se muestra un informe de muestra que tomé recientemente para optimizar la velocidad de nuestra página:

Recientemente escribí un artículo sobre cómo optimizar la velocidad de su página en menos de 5 minutos siguiendo unos sencillos pasos, no dude en consultarlo aquí: Mejore la velocidad del sitio web de su pequeña empresa hasta un 70% en 5 minutos | Blog de facturas

Aclamaciones,

Uwe

Sí, es cierto. También puede “minificar” ese archivo. Esto significa usar un programa o herramienta en línea que eliminará caracteres innecesarios como líneas nuevas y pestañas para que se convierta en una gran cadena larga.

More Interesting

Cómo crear mi propio sitio web de mapas (como Google Maps, pero tal vez solo para una ciudad o algo así)

Cómo obtener el final de una variable de JavaScript

¿Es posible ser un desarrollador web y no conocer el código, usando herramientas que lo hacen por usted, alguien puede hacerlo en esa industria?

Cómo reducir el TTFB (Tiempo hasta el primer byte) para una página web

¿Cuáles son las ventajas de usar OpenVAS?

¿Qué pila de tecnología sugeriría para desarrollar un CRM simple?

Para crear una aplicación web para escalar a millones de usuarios que comparten millones de fotos y textos y chatean entre sí todos los días, ¿cuál sería el mejor marco de idiomas para elegir?

¿Cómo conseguir los primeros clientes para mi negocio de desarrollo web de Django? ¿Cómo están haciendo eso otras compañías? De donde proviene la mayoría de sus clientes

Quiero construir un sitio web que tenga los mismos conceptos y funciones que kick starter. ¿Cómo debería abordarlo sin experiencia previa en codificación?

Cómo probar el rendimiento del sitio web con 1 millón de usuarios en jmeter

¿Qué herramientas son esenciales para un nuevo desarrollador de JavaScript?

¿Alguien puede ayudarme con la implementación de la aplicación web Golang en el océano digital?

Cómo crear mi propio sitio web desde cero y cuál es el costo para alojarlo

¿Dónde puedo encontrar los mejores tutoriales para C # .NET y ASP.NET? ¿Cuáles son los mejores sitios web donde puedo encontrar algunos proyectos de muestra con soluciones para poder practicar?

¿Cómo se puede construir un servidor web con C ++? ¿Cuáles son los beneficios y el lado oscuro de la misma?