Réduire l'impact du code tiers
Qu'est-ce que le code tiers ?
Le code tiers fait référence aux éléments qui sont inclus dans votre site web mais qui ne sont pas hébergés par vous. Ces ressources proviennent en revanche d'un autre domaine/URL.
Les exemples courants de code tiers sont les suivants : scripts de tracking, publicité, vidéos YouTube, Google maps, webfonts, etc...
Ces ressources externes ont souvent un impact sur les performances de votre site web. Ici, Pagespeed mesure cet impact, et s'ils ont constaté qu'il est élevé, vous verrez cet avertissement sur votre rapport :
Si vous développez cette recommandation, vous verrez quels sont les scripts qui la déclenchent :
Quel est l'effet négatif du code tiers ?
Ces éléments doivent être téléchargés à partir de différents serveurs, ce qui peut entraîner des problèmes de performances, car votre serveur doit se connecter à plusieurs serveurs pour les télécharger.
Ces ressources peuvent contenir des scripts qui bloquent l'exécution de votre page jusqu'à ce qu'ils soient téléchargés, ce qui empêche l'exécution d'autres tâches, affectant gravement l'expérience de l'utilisateur.
Lighthouse appelle ça le blocage du thread principal (main-thread) : https://web.dev/third-party-summary/
En outre, comme vous ne pouvez pas contrôler ces ressources parce qu'elles ne sont tout simplement pas hébergées par vous, il est courant de voir des avertissements liés à la mise en cache navigateur et à la compression sur vos rapports, pointant vers ces scripts.
Vous pouvez en savoir plus sur l'impact des ressources externes dans cette doc : Gérer les ressources externes
Comment WP Rocket peut-il vous aider ?
Bien qu'il ne soit pas possible pour WP Rocket d'optimiser toutes les ressources externes, notre plugin possède de multiples fonctionnalités qui peuvent vous aider dans ce domaine :
- Minifier et combiner le CSS et Minifier et combiner les JS : les fichiers CSS et JS hébergés sur des domaines externes seront traités et hébergés sur votre propre domaine
- Reporter l’exécution JavaScript peut vous aider à réduire son impact négatif sur les performances.
- L’Add-on Google Tracking et Add-On Facebook Pixel hébergera localement ces scripts externes
- Optimiser les Google Fonts : Bien que cela n'héberge pas les polices localement, elle pourra améliorerer les performances.
- Le LazyLoad : Cela permettra d'améliorer les performances des images hébergées en externe. Les vidéos et autres contenus externes chargés dans les iframes bénéficieront de l'option LazyLoad pour les iframes.