La agrupación se refiere a la práctica de combinar múltiples archivos CSS o JavaScript en un solo archivo para optimizar el tiempo de carga y el rendimiento. En lugar de realizar múltiples solicitudes de red para archivos individuales, el navegador realiza una sola solicitud, lo que reduce la latencia y el uso de ancho de banda.
Los archivos se "agrupan" mediante un proceso de compilación, a menudo durante el pipeline de implementación de un sitio. Herramientas como Webpack analizan las dependencias entre archivos y los agrupan de manera que se evitan errores que resultan de problemas de ordenación.
El archivo agrupado se suele minificar también para reducir su tamaño eliminando espacios en blanco, comentarios y código innecesario.
La agrupación conduce a una implementación más sencilla y a beneficios de caché para los activos estáticos. Se considera una buena práctica para el rendimiento del sitio web y ha sido ampliamente adoptada a medida que los sitios crecen y se vuelven más complejos con muchas dependencias de GUI.