La agrupación es una herramienta que se utiliza para combinar varios archivos, como JavaScript, CSS o imágenes, en un solo archivo o en una pequeña cantidad de archivos. El código minificado resultante se puede enviar al navegador como una única solicitud HTTP.

La minificación es el proceso de eliminar caracteres innecesarios, como espacios en blanco y comentarios, del código. Este es un ejemplo de cómo la agrupación y la minificación pueden simplificar el código:

// Before bundling and minification
var test = [];
for (var i = 0; i < 100; i++) {
  test[i] = i;
}

// After bundling and minification
for(var a=[i=0];++i<20;a[i]=i);

• Tamaño de archivo más pequeño : el código minificado se puede obtener del servidor más rápidamente, lo que mejora el rendimiento.
• Tiempo de análisis reducido : el código minimizado suele ser más fácil y rápido de analizar que el código no minimizado porque tiene menos caracteres y es más compacto.
• Tráfico de red reducido : la agrupación reduce la cantidad de solicitudes realizadas al servidor, lo que significa que se requiere menos ancho de banda para transferir datos a través de la red.

En la mejor situación, dividimos nuestro JavaScript en archivos y los llamamos así:

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="/js/foo.js"></script>
<script src="/js/bar.js"></script>
<script src="/js/foobar.js"></script>
<script>
// Here goes some code
</script>

Además, obtener varios archivos a través de la red puede ralentizar su sitio web. Cuando realiza una solicitud de un archivo JavaScript, el navegador debe pausar la carga de la página hasta que reciba el archivo. Por eso es importante la agrupación. La combinación de todos los archivos JavaScript en un solo archivo reduce la cantidad de solicitudes realizadas al servidor, lo que puede mejorar el rendimiento de su sitio web.

Podemos tener docenas o incluso cientos de archivos JavaScript en un proyecto. La agrupación puede ayudar a reducir la cantidad de solicitudes realizadas al servidor, lo que puede mejorar el rendimiento de su sitio web.

En conclusión

La agrupación es una técnica importante para optimizar el rendimiento de las aplicaciones web. Al combinar varios archivos en un solo paquete, puede reducir la cantidad de solicitudes realizadas al servidor, mejorar el rendimiento de la red y hacer que su código sea más fácil de analizar.