JavaScript, Core Web Vitals et recommandations DINUM
Le Total Blocking Time (TBT) est la metrique Core Web Vitals la plus directement affectee par des scripts JavaScript non minifies. La DINUM (Direction Interministerielle du Numerique) recommande l'audit regulier des performances web pour les sites gouvernementaux, et Lighthouse est l'outil de reference. Vite, cree par Evan You et tres populaire dans l'ecosysteme JavaScript francais, utilise esbuild en interne pour la minification. Cet outil traite les petits scripts dans le navigateur sans transit de donnees.
Ce que ce minificateur fait
- Supprime les commentaires
// de ligneet/* de bloc */ - Supprime les espaces en debut et fin de chaque ligne
- Reduit les lignes vides consecutives
- Preserve les chaines litterales et les expressions regulieres
Minification vs bundling
| Approche | Reduction de taille | Ce qu'elle fait |
|---|---|---|
| Suppression espaces (cet outil) | 5-15 % | Retire commentaires et espaces |
| Terser / esbuild | 40-70 % | Renomme les variables, supprime le code mort |
| Bundler (Vite, Webpack) | 40-80 % | Ci-dessus + code splitting, lazy loading |
Pour un correctif rapide avant audit Lighthouse, la suppression des espaces est immediate. Pour un nouveau projet, configurez Vite des le depart : il produit des bundles optimises avec une configuration minimale et est devenu le standard de facto dans la communaute Vue.js et React en France.
Limites et quand utiliser un outil de build
Cet outil ne renomme pas les variables, ne supprime pas le code mort et n'effectue pas de tree-shaking. Il ne cassera pas du JavaScript valide, mais si votre script utilise des annotations JSDoc, verifiez la sortie. Pour les sites en production, integrez Terser ou esbuild dans votre pipeline CI. Combinez avec Minificateur CSS pour reduire simultanement le poids des feuilles de style.