La minimisation des fichiers JavaScript peut réduire la taille des charges utiles et le temps d'analyse du script. La section "Opportunités" de votre rapport Lighthouse répertorie tous les fichiers JavaScript non réduits, ainsi que les économies potentielles en kibioctets (Kio) lorsque ces fichiers sont réduits:
Minimiser vos fichiers JavaScript
La minimisation consiste à supprimer les espaces blancs et tout code qui n'est pas nécessaire pour créer un fichier de code plus petit, mais parfaitement valide. Terser est un outil de compression JavaScript populaire. webpack v4 inclut un plug-in pour cette bibliothèque par défaut pour créer des fichiers de compilation minifiés.
Conseils spécifiques à la pile
Drupal
Assurez-vous d'avoir activé l'option Regrouper les fichiers JavaScript sur la page Administration > Configuration > Développement.
Joomla
Un certain nombre d'extensions Joomla peuvent accélérer l'affichage de votre site en concaténant, en minimisant et en compressant vos scripts. Certains thèmes offrent également cette fonctionnalité.
Magento
Utilisez Terser pour réduire la taille de tous les éléments JavaScript du déploiement de contenu statique et désactivez la fonctionnalité intégrée de minimisation.
React
Si votre système de compilation réduit automatiquement la taille des fichiers JS, assurez-vous de déployer le build de production de votre application. Vous pouvez le vérifier avec l'extension React Developer Tools.
WordPress
Un certain nombre de plug-ins WordPress peuvent accélérer votre site en concaténant, en minimisant et en compressant vos scripts. Si possible, vous pouvez également utiliser un processus de compilation pour effectuer cette minimisation en amont.