Évitez de créer des chaînes de requêtes critiques

Qu'est-ce qu'une chaîne de requête critique ?

Une chaîne de requête critique est une séquence de requêtes qui dépendent les unes des autres, et qui sont essentielles pour le rendu des pages. Elle est déterminée par le chemin critique de rendu, qui établit l'ordre dans lequel les requêtes sont analysées et exécutées.

Pour être plus précis, ces requêtes sont toutes les ressources dont votre site web a besoin pour fonctionner et les fichiers dont d'autres fichiers ont besoin pour fonctionner ( voilà la chaîne). Par exemple, tous les CSS et JavaScript ajoutés à votre site seront téléchargés dans le même ordre que celui dans lequel ils apparaissent dans votre HTML, à moins que vous ne spécifiiez un autre moyen (différer, retarder).

Ici, un maillon d'une chaîne est une ressource - CSS, JavaScript, HTML externe, etc...

Vous pouvez voir quelque chose comme cela si vous utilisez Google PageSpeed insights :

Comment le fait d’ "éviter d'enchaîner les requêtes critiques" influe-t-il sur les performances ?

L'impact sur votre site dépendra de la longueur des chaînes et de la taille de la ressource qui est téléchargée dans chaque maillon de la chaîne. Cela signifie que plus la longueur des chaînes et la taille des téléchargements sont importantes, plus l'impact sur les performances de chargement des pages est important.

Le fait d'avoir de très longues chaînes ou de gros maillons de chaîne peut faire en sorte que votre site ait un temps de chargement beaucoup plus lent.

Que puis-je faire pour éviter d'enchaîner les requêtes critiques sur ma page ?

Une chaîne de requête critique peut être évitée en différant ou en retardant l'exécution / l'analyse de certaines ressources qui ne sont pas critiques pour la visualisation de la fenêtre principale de la page. L'objectif est de ne donner la priorité qu'aux ressources nécessaires à l'affichage initial, et de charger les autres plus tard.

Il peut être utile de reporter/différer les fichiers CSS, JavaScript, images, HTML externe et autres ressources, voire de combiner les fichiers CSS / JavaScript en un seul pour réduire la longueur de la chaîne et précharger certaines ressources essentielles.

Comment WP Rocket contribue-t-il à éviter l'enchaînement des requêtes critiques ?

Il y a plusieurs choses que WP Rocket peut faire pour votre site web afin d'en réduire l'impact, par exemple :

• Combiner les fichier CSS and Combiner les fichiers JavaScript.
  Cela peut réduire la longueur de la chaîne en combinant tous les fichiers en un seul.

• Chargement différé du JavaScript, Reporter l'exécution JavaScript et Optimiser le chargement du CSS.
  Cela peut aider à ce que certaines ressources qui ne sont pas critiques soient reconnues comme des ressources non critiques, donc le navigateur pourra télécharger toutes ces ressources avec un meilleur ordre et une priorité réduisant l'impact.

• Préchargement des polices.
  Cela peut accélérer l'exécution des ressources essentielles, ce qui permet de gagner un temps précieux lors du processus de chargement des pages.