Récapitulatif de Webpack
Résumé:
- Réduisez les octets inutiles. Tout compresser et supprimer le code inutilisé, faites preuve de prudence lorsque vous ajoutez des dépendances.
- Répartissez le code par routes. Ne chargez que ce qui est vraiment nécessaire pour l'instant et chargez d'autres éléments plus tard.
- Code de mise en cache : Certaines parties de votre application sont mises à jour moins souvent que d'autres. Séparez ces parties en fichiers afin qu'elles ne soient à nouveau téléchargées que si nécessaire.
- Gardez une trace de la taille. Utilisez des outils tels que webpack-dashboard et webpack-bundle-analyzer pour connaître la taille de votre application. Examinez à nouveau les performances globales de votre application tous les deux ou trois mois.
Webpack n'est pas le seul outil qui pourrait vous aider à rendre une application plus rapide. Envisagez de transformer votre application en progressive web app pour améliorer l'expérience et utilisez des outils de profilage automatisés tels que Lighthouse pour obtenir des suggestions d'amélioration.
N'oubliez pas de lire la documentation webpack, car elle contient de nombreuses autres informations utiles.
N'oubliez pas de jouer avec l'application d'entraînement.