Règle de décision et limites
L'optimisation JavaScript réduit le travail de script inutile, afin qu'une page livre rapidement et de façon fiable son contenu essentiel et ses interactions. Le travail JavaScript se dispute le thread principal de l'appareil. Optimiser, c'est réduire, reporter ou découper le travail qui n'est pas nécessaire à la première version utile de la page, tout en gardant disponibles les interactions essentielles et le contenu accessible.
Comment l'inspecter
Inspectez la cascade des requêtes, le HTML rendu, les tâches longues et la part des scripts tiers pour une route représentative. Répétez le test sur un profil mobile contraint, et distinguez un gros fichier téléchargé d'un script qui bloque réellement l'interaction.
Démarche pratique
Supprimez une dépendance inutilisée avant d'ajouter un chargeur. Reportez ensuite les fonctionnalités non critiques, découpez le code par route pour les fonctionnalités propres à une route, et testez l'interaction réelle qui a motivé le changement, avec JavaScript activé et désactivé lorsque c'est pertinent.
Erreurs courantes et limites de mesure
La réduction de la taille d'un bundle n'est pas en soi un résultat pour l'utilisateur. Elle peut déplacer le travail vers l'hydratation, la latence réseau ou une autre route ; vérifiez donc le rendu, l'interaction, les erreurs et l'accessibilité après chaque modification. L'échec typique consiste à minifier un bundle en supposant que cela a réglé des problèmes de rendu, de réponse serveur ou d'images.