La minimisation des fichiers JavaScript peut réduire la taille des charges utiles et la durée d'analyse des scripts. 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 minimisés:
Réduire la taille de 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 courant. webpack v4 inclut un plug-in pour cette bibliothèque par défaut qui permet de créer des fichiers de compilation réduits.
Conseils spécifiques à la pile
Drupal
Assurez-vous que vous avez activé l'option Regrouper les fichiers JavaScript sur la page Administration > Configuration > Développement. Vous pouvez également configurer des options d'agrégation plus avancées via des modules supplémentaires pour accélérer votre site en concaténant, en minimisant et en compressant vos éléments JavaScript.
Joomla
Un certain nombre d'extensions Joomla peuvent accélérer votre site en concaténant, en minimisant et en compressant vos scripts. Il existe également des modèles offrant cette fonctionnalité.
Magento
Utilisez Terser pour minimiser tous les éléments JavaScript du déploiement de contenu statique et désactiver la fonctionnalité de minimisation intégrée.
React
Si votre système de compilation réduit automatiquement la taille des fichiers JS, assurez-vous de déployer la 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.