Arborescence des dépendances réseau
L'insights Arborescence des dépendances réseau est une nouvelle combinaison des audits précédents "Préconnexion aux domaines externes" et "Évitez de créer des chaînes de requêtes critiques".
Évitez les chaînes de requêtes critiques en réduisant la longueur des chaînes ou la taille de téléchargement des ressources, ou en reportant le téléchargement de ressources inutiles, afin d'améliorer le chargement des pages.
Comprendre l'Arborescence des dépendances réseau
Les ressources que le navigateur doit charger en premier pour que votre page soit entièrement affichée sont considérées comme des requêtes critiques. Ces ressources peuvent inclure des fichiers HTML, CSS, JavaScript et des polices qui sont susceptibles de bloquer l'affichage ou qui sont hautement prioritaires. Lorsque ces ressources critiques ne sont pas détectées à temps, cela peut affecter le chargement de votre site ainsi que les Core Web Vitals tels que le Largest Contentful Paint (LCP).
Comment l'améliorer avec WP Rocket
Une fois WP Rocket activé, les fonctionnalités de mise en cache, Minification CSS et Minification JavaScript, Optimisation des images critiques et Rendu différé automatique seront automatiquement appliquées à votre site, ce qui améliorera ces statistiques.
En plus de cela, vous pouvez activer les options suivantes de WP Rocket :
- Supprimer les ressources CSS inutilisées : Cela réduira la taille des fichiers CSS et les chaînes de requêtes.
- Préconnexion aux domaines externes : Cela accélérera le téléchargement des ressources externes présentes sur votre site.
- Auto-héberger les Google Fonts : Cette option hébergera localement les polices Google Fonts depuis votre propre serveur web et réduira la dépendance à ce service tiers.
- Reporter l’exécution du JavaScript et Chargement différé des fichiers JavaScript : ces options permettront de retarder les ressources non critiques jusqu'après l'interaction de l'utilisateur.
- Précharger les polices : Cela permettra de détecter et de précharger les polices importantes utilisées dans le texte visible sans défilement, ce qui permettra de les découvrir plus tôt dans la chaîne.
- Remarque : Dans certains cas, PageSpeed peut déclencher davantage de polices que celles utilisées dans le texte visible sans défilement ; dans ce cas, il peut être préférable d'utiliser l'option par défaut Supprimer le préchargement des polices CSS inutilisées.
Pour ce faire, utilisez Supprimer les ressources CSS inutilisées, désactivez Précharger les polices et ajoutez à votre site ce bout de code :
add_filter( 'rocket_enable_rucss_fonts_preload', '__return_true' );