JavaScript minifié

Silktide vérifie si les fichiers de script téléchargés par votre page ont été minifiés — réécrits pour supprimer les espaces, les commentaires et les noms longs qui n’ont d’importance que pour les personnes lisant le code. Les scripts non minifiés sont beaucoup plus volumineux qu’ils ne devraient l’être, ce qui ralentit le chargement de la page.

ne change rien au fonctionnement du code. Par exemple :

\/\/ Avant minification : lisible, mais lourd
function calculateTotalPrice(itemPrice, quantity) {
    return itemPrice * quantity;
}

\/\/ Après : comportement identique, une fraction de la taille
function c(a,b){return a*b}

Pourquoi c’est important

est souvent l’élément le plus lourd qu’une page télécharge, et contrairement aux images il doit aussi être traité avant que la page ne devienne pleinement interactive. Les scripts non minifiés se réduisent couramment de moitié ou plus, et cette économie se répète pour chaque visiteur à chaque affichage non mis en cache — les visiteurs sur mobile et les connexions plus lentes le ressentent le plus.

Comme la minification est automatique et ne change pas le comportement, des scripts de production non minifiés sont presque toujours un oubli : une étape de build qui a été omise, ou des fichiers de développement déployés par erreur.

Comment corriger

Activez la minification dans le processus de build du site. Chaque outil de build moderne inclut un minificateur, généralement activé par défaut pour les builds de production.
Si le site n’a pas de processus de build, vérifiez le : la plupart proposent un paramètre ou un module qui minifie automatiquement les scripts.
En dernier recours, passez les fichiers dans un minificateur autonome avant de les mettre en ligne. Conservez les originaux lisibles — vous modifiez ceux‑ci et publiez la sortie minifiée.
Si un fichier signalé appartient à un tiers, vérifiez s’il propose une version minifiée, ce qui est généralement le cas.

Comment Silktide le teste

Charger la page dans un vrai navigateur, en utilisant le type d’appareil, la vitesse de connexion et l’emplacement de test configurés pour vos tests de vitesse.
Examiner chaque fichier de script que la page télécharge et estimer de combien il pourrait être réduit s’il était minifié.
Signaler chaque fichier présentant une économie potentielle significative, et noter la page selon le total : environ 50 Ko d’économies potentielles dégrade la note, et 250 Ko ou plus est considéré comme médiocre.

Dépannage

Le fichier semble déjà minifié

Les minificateurs varient en agressivité, donc un fichier légèrement compacté peut encore offrir des économies significatives. La vérification indique de combien le fichier pourrait être réduit ; le passer dans un minificateur actuel capture généralement la différence.

Nous avons besoin d’un code lisible pour le débogage

Conservez des fichiers sources lisibles dans votre projet et déboguez avec des source maps, qui permettent aux outils de développement du navigateur d’afficher le code original tandis que les visiteurs reçoivent la version minifiée. Vous n’avez jamais besoin de servir du code lisible pour obtenir un débogage lisible.