Gérer les ressources externes

Le problème du contenu externe

Chaque site web contient des images, des fichiers CSS et JavaScript (JS) pour créer une expérience utilisateur agréable et efficace.

Ces fichiers, également appelés ressources, peuvent être hébergés de deux manières :

• Les ressources internes sont stockées sur le domaine de votre site web
• Les ressources externes ne sont pas stockées sur votre domaine, mais proviennent de sites tiers (par exemple Google, Facebook, réseaux publicitaires).

Les ressources hébergées en externe ont souvent un impact significatif sur les performances de votre site web :

• Elles exigent des résolutions DNS supplémentaires pour chaque domaine externe utilisé, ce qui ajoute du temps supplémentaire.
• Certaines optimisations, comme la mise en cache du navigateur et la compression GZIP, ne peuvent être appliquées qu'aux fichiers hébergés sur votre serveur. Vous ne pouvez pas contrôler les ressources qui sont hébergées sur d'autres serveurs. 
• Dans le cas de JavaScript externe, comme les scripts publicitaires et les scripts de médias sociaux, ceux-ci introduisent souvent des chaînes d'autres fichiers chargés sur votre site que vous ne pouvez pas contrôler. Ces derniers peuvent être les plus problématiques pour les performances.

Plus le nombre de ressources externes chargées sur votre site est élevé, plus il y a de chances que votre site se charge lentement. 

Comment WP Rocket peut aider ?

Il n'est pas possible pour WP Rocket d'optimiser complètement chaque ressource externe, mais les optimisations suivantes peuvent aider :

• Minifier/Combiner le CSS et Minifier/Combiner le JS : les fichiers externes seront hébergés sur votre propre domaine, minifiés. Si vous avez activé un CDN dans WP Rocket, ils seront servis à partir de votre CDN. 
• Supprimer les ressources CSS inutilisées : Les feuilles de style externes seront traitées et supprimées, et seules leurs règles CSS pertinentes seront placées dans un bloc CSS en ligne dans le code source de la page.
• Reporter l'exécution du JavaScript externe et Chargement différé des fichiers JavaScript contribueront à réduire l'impact négatif des fichiers JavaScript sur les performances.
• LazyLoad : Les images et vidéos externes placées sous la ligne de flottaison ne seront chargées que si l'utilisateur fait défiler la page vers le bas.
  
• Auto-héberger les Google Fonts : Héberge les polices Google Fonts localement afin d'appliquer davantage d'optimisations. Si cette option ne peut pas être utilisée, l'option Optimiser les Google Fonts peut également vous aider.
• Préconnexion aux domaines externes : Grâce à cette fonctionnalité, le navigateur établira rapidement une connexion avec les sites Web externes concernés, ce qui accélérera le téléchargement des ressources externes.
  

Les avertissements les plus courants des outils de test de vitesse (PageSpeed, GTMetrix etc.) liés aux ressources externes concernent la mise en cache et la compression du navigateur (GZIP ou Brotli). Il est impossible d'y répondre, car vous ne pouvez tout simplement pas appliquer ces optimisations pour des fichiers qui ne résident pas sur votre propre serveur. Veuillez consulter les guides suivants pour plus d'informations sur la manière dont WP Rocket les applique :

• Le cache navigateur
• Activer la compression GZIP