Resumen de Webpack
Ivan Akulov
En resumen:
- Quita los bytes innecesarios. Comprime todo, quita el código no utilizado y actúa con prudencia cuando agregues dependencias.
- Divide el código por rutas. Carga solo lo que es realmente necesario en este momento y carga de forma diferida el resto más adelante.
- Código de caché. Algunas partes de la 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 mantenerte al tanto del tamaño de tu app. Revisa el rendimiento general de tu app cada pocos meses.
Webpack no es la única herramienta que puede ayudarte a hacer que una app sea más rápida. Considera convertir tu aplicación en una app web progresiva para obtener una experiencia aún mejor y usa herramientas de perfilado automatizadas, como Lighthouse, para obtener sugerencias de mejora.
No olvides leer la documentación de webpack, ya que contiene mucha información útil.
Y asegúrate de jugar con la app de entrenamiento.