Analyseur Webpack

L’outil analyse les stats Webpack pour offrir une vue précise de la composition du bundle. Il accepte un fichier stats.json de Webpack ou un manifeste compatible, effectue une analyse ciblée et renvoie des métriques telles que la taille totale du bundle, les contributions par module et une répartition claire des chunks. Il signale les gros modules, les dépendances dupliquées et les opportunités de code-splitting potentielles. Cette sortie est conçue pour les ingénieurs frontend et les spécialistes des performances qui recherchent des données opérationnelles pour améliorer le chargement sans installer d’outils locaux ni maintenir des scripts personnalisés.
Conceptuellement, il analyse le graphique des modules, agrège les modules par chunk et évalue comment les changements affectent la taille et le comportement de chargement. Les calculs clés incluent la taille totale, les tailles par module et une estimation de la taille gzip à l’aide d’une heuristique légère. Il détecte les duplications et les dépendances partagées, met en évidence les modules adaptés au lazy loading et fournit une vue d’ensemble des changements susceptibles d’améliorer les performances. Des comparaisons optionnelles entre les builds quantifient les deltas entre différents snapshots de stats.
Pour qui ? Les ingénieurs frontend, les analystes de performance et les équipes CI/CD visant à réduire le poids des bundles et à améliorer Time to Interactive. La valeur ajoutée réside dans l’accès en ligne sans installation, les résultats exportables, les données au format JSON et les sorties adaptées à l’automatisation. Les fonctionnalités clés incluent le décryptage par module, un graphique de chunks visuel, la détection de duplications, les indicateurs de lazy-loading et les rapports exportables. Il prend en charge les configurations webpack courantes et peut être utilisé pendant le développement, les revues de code et les vérifications de release pour valider l’effet des optimisations.