Découvrez comment le code JavaScript tiers peut affecter les performances et ce que vous pouvez faire pour éviter qu'il ralentisse vos sites.
Le code JavaScript tiers désigne généralement les scripts intégrés à votre site Web qui:
- que vous n'avez pas créés ;
- Diffusées à partir de serveurs tiers
Les sites utilisent ces scripts à diverses fins, y compris les suivantes:
- Boutons de partage sur les réseaux sociaux
- Intégration de lecteurs vidéo
- Services de chat
- IFrames publicitaires
- Scripts d'analyse et de métriques
- Scénarios de test A/B pour les tests
- Bibliothèques d'aide (comme la mise en forme de la date, l'animation et les bibliothèques fonctionnelles)
Les scripts tiers peuvent fournir des fonctionnalités puissantes, mais ce n'est pas tout. Elles affectent également la confidentialité, la sécurité et le comportement des pages, et peuvent être particulièrement problématiques pour les performances.
Performances
Toute quantité importante de code JavaScript peut ralentir les performances. Toutefois, comme le code JavaScript tiers n'est généralement pas sous votre contrôle, il peut entraîner des problèmes supplémentaires.
Réseau
La configuration des connexions prend du temps, et l'envoi de trop de requêtes à plusieurs serveurs entraîne des ralentissements. Ce temps est encore plus long pour les connexions sécurisées, qui peuvent impliquer des recherches DNS, des redirections et plusieurs aller-retours vers le serveur final qui gère la requête de l'utilisateur.
Les scripts tiers augmentent souvent les coûts réseau avec, par exemple:
- Déclencher des requêtes réseau supplémentaires
- Importer des images et des vidéos non optimisées
- Mise en cache HTTP insuffisante, ce qui force la récupération fréquente des ressources réseau
- Compression du serveur insuffisante des ressources
- Plusieurs instances de frameworks et de bibliothèques extraites par différents éléments intégrés tiers
Affichage
La façon dont le code JavaScript tiers est chargé est très importante. Si elle est effectuée de manière synchrone dans le chemin de rendu critique, l'analyse du reste du document est retardée.
Si un tiers rencontre des problèmes de serveur et ne parvient pas à fournir une ressource, le rendu est bloqué jusqu'à l'expiration de la requête, qui peut aller de 10 à 80 secondes. Vous pouvez tester et simuler ce problème à l'aide des tests de point de défaillance unique de WebPageTest.
Que faire ?
L'utilisation de JavaScript tiers est souvent inévitable, mais vous pouvez prendre certaines mesures pour en limiter les effets négatifs:
- Lorsque vous choisissez des ressources tierces, privilégiez celles qui envoient le moins de code tout en vous fournissant les fonctionnalités dont vous avez besoin.
- Utilisez des budgets basés sur les performances pour les contenus tiers afin de maîtriser leurs coûts.
- N'utilisez pas la même fonctionnalité de deux fournisseurs différents. Vous n'avez probablement pas besoin de deux outils de gestion des balises ni de deux plates-formes d'analyse.
- Auditez et supprimez régulièrement les scripts tiers redondants.
Pour découvrir comment auditer les contenus tiers et les charger efficacement afin d'améliorer les performances et l'expérience utilisateur, consultez les autres articles de la section Optimiser vos ressources tierces.