Resumen de Webpack
En resumen:
- Cortar bytes innecesarios. Comprime todo, quita el código que no se usa, y sé prudente cuando agregues dependencias.
- Dividir el código por rutas. Carga solo lo que sea realmente necesario en este momento y realiza una carga diferida de otros elementos más adelante.
- Código de caché. Algunas partes de tu app se actualizan con menos frecuencia que otras. Separa estas partes en archivos para que solo se vuelvan a descargar cuando sea necesario.
- Haz un seguimiento del tamaño. Usa herramientas como webpack-dashboard y webpack-bundle-analyzer para estar al tanto del tamaño de tu app. Conoce el rendimiento general de tu app cada pocos meses.
Webpack no es la única herramienta que podría ayudarte a lograr que una app sea más rápida. Considera hacer que tu aplicación sea una app web progresiva para mejorar aún más la experiencia y usa herramientas de generación de perfiles automatizadas, como Lighthouse, para obtener sugerencias de mejoras.
No olvides leer los documentos de webhook, que incluyen mucha más información útil.
Asegúrate de jugar con la app de entrenamiento.