Retirer tout ce qui n’a d’utilité que pour un humain qui relit le code (indentation, commentaires, noms de variables explicites), en gardant strictement le même comportement pour la machine qui l’exécute : c’est le principe de la minification.
Une étape automatisée dans WordPress
La commande wp-scripts build, utilisée pour compiler les blocs Gutenberg, minifie automatiquement le résultat en production. Pour le reste d’un thème classique, des extensions de cache comme WP Rocket ou Autoptimize proposent de minifier à la volée les fichiers CSS et JavaScript déjà présents, sans repasser par une chaîne de compilation.
Exemple
/* Avant minification */
.menu-principal {
display: flex;
gap: 1rem;
}
/* Après minification */
.menu-principal{display:flex;gap:1rem}Le résultat reste fonctionnellement identique, seul le poids du fichier change : sur un site avec des centaines de règles CSS, l’économie devient significative.
À ne pas confondre avec la compression Gzip/Brotli
- La minification agit sur le contenu du fichier lui-même ; la compression Gzip ou Brotli s’applique ensuite, au moment du transfert réseau, sur un fichier déjà minifié ou non.
- Minifier du JavaScript sans précaution peut casser un script mal écrit qui dépend, par erreur, de noms de variables spécifiques exposés globalement.
- Un fichier minifié reste illisible pour un humain ; une source map associée permet de retrouver le code d’origine pour le débogage, sans exposer cette version dépliée aux visiteurs.