Bundle Analysis

Définition

Analyse visuelle de la composition du bundle JavaScript pour identifier les dépendances lourdes et les opportunités d'optimisation (code splitting, lazy loading).

Analogie

Comme une radiographie de votre valise : vous voyez exactement ce qui prend le plus de place et ce que vous pouvez retirer.

Exemple de code

// Avec Vite
// npx vite-bundle-visualizer

// Avec Webpack
// webpack-bundle-analyzer
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
module.exports = {
  plugins: [new BundleAnalyzerPlugin()],
};

Cas d'usage

Avant chaque release pour détecter les dépendances qui gonflent inutilement le bundle.

Anti-pattern

Termes liés