Paquete para aplicaciones web modernas
Las aplicaciones web modernas suelen usar una herramienta de paquetes para crear un “paquete” de producción de archivos (secuencias de comandos, hojas de estilo, etc.) optimizado, minificado y que los usuarios puedan descargar en menos tiempo. En Optimización del rendimiento web con webpack, explicaremos cómo optimizar de manera eficaz los recursos de sitios con webpack. Esto puede ayudar a los usuarios a cargar tus sitios y a interactuar con ellos más rápido.
![Logotipo de Webpack.](https://web.developers.google.cn/static/articles/webpack/image/webpack-logo.png?authuser=5&hl=es)
Webpack es una de las herramientas de agrupamiento más populares en la actualidad. Si aprovechas las funciones para optimizar el código moderno, la división de código de las secuencias de comandos en partes fundamentales y no críticas, así como la eliminación del código que no se usa (mencionar algunas optimizaciones), puede garantizar que la app tenga un costo de red y procesamiento mínimo.
![Antes y después de aplicar optimizaciones de JavaScript Mejoras en el tiempo de interacción](https://web.developers.google.cn/static/articles/webpack/image/before-after-applying-ja-4050ad9acad04.png?authuser=5&hl=es)
Inspirado en Code-splitting in Bundle Buddy de Susie Lu
Comencemos por analizar la optimización de uno de los recursos más costosos de una app moderna: JavaScript.