Webpack

Empaquetado para aplicaciones web modernas

Las aplicaciones web modernas suelen usar una herramienta de agrupación para crear un "paquete" de producción de archivos (secuencias de comandos, hojas de estilo, etc.) que esté optimizado, reducido y que los usuarios puedan descargar en menos tiempo. En Optimización del rendimiento web con webpack, veremos cómo optimizar de manera eficaz los recursos del sitio con webpack. Esto puede ayudar a los usuarios a cargar e interactuar con tus sitios más rápido.

Logotipo de Webpack.

Webpack es una de las herramientas de agrupación más populares que se usan en la actualidad. Aprovechar sus funciones para optimizar el código moderno, dividir el código en secciones críticas y no críticas, y quitar el código sin usar (solo por nombrar algunas optimizaciones) puede garantizar que tu app tenga un costo de procesamiento y de red mínimos.

Antes y después de aplicar las optimizaciones de JavaScript. Se mejoró el tiempo de respuesta interactivo  

Inspirada en Dividir código en Bundle Buddy, de Susie Lu

Comencemos por analizar la optimización de uno de los recursos más costosos de una app moderna: JavaScript.