Jetpack Boost pour WordPress Core Web Vitals est prêt

Automattic, fondée par la même personne qui a créé WordPress, a officiellement lancé Jetpack Boost, un plugin gratuit qui aide les pages Web à optimiser pour Core Web Vitals. Ceci est important car Core Web Vitals deviendra un facteur de classement en juin 2021.

Qu’est-ce que Jetpack Boost?

Jetpack Boost est un plugin qui fournit une optimisation en un clic pour Web Core Vitals. Le plugin fait actuellement trois choses et fera plus à l’avenir.

Jetpack Boost effectue les opérations suivantes:

1. Optimiser le chargement CSS
2. Différer le JavaScript non essentiel
3. Chargement d’image paresseux

1. Optimiser le chargement CSS

Afin de créer une page Web, un navigateur doit la créer, un processus appelé « le rendu.« 

Les feuilles de style en cascade (CSS) sont du code qui indique aux navigateurs la couleur d’une police, l’emplacement des éléments de la page et tout ce qui a à voir avec l’apparence d’une page Web.

CSS est cependant ce qu’on appelle une ressource de blocage de rendu. Une ressource de blocage de rendu est quelque chose qui empêche le navigateur de créer une page Web car le navigateur doit télécharger la ressource (comme un Feuille de style en cascade).

Une feuille de style en cascade (CSS) est le code le plus important pour indiquer à un navigateur comment créer la page Web. Pour cette raison, un navigateur peut arrêter de télécharger une page Web afin de télécharger le CSS.

Il y a un code qui est plus important que tout autre code pour rendre la page fonctionnelle pour un visiteur de page Web.

Ça s’appelle CSS critique.

Une astuce pour accélérer le téléchargement d’une page Web consiste à prendre les parties du CSS qui concernent l’apparence d’une page Web et à les placer en haut de la page Web elle-même.

Ainsi, plutôt que de télécharger le code CSS dans un fichier séparé, la partie la plus importante est téléchargée en premier afin que la page Web puisse être créée plus rapidement.

Un éditeur peut modifier son fichier CSS et le placer dans le fichier approprié dans WordPress ou utiliser Jetpack Boost pour le faire automatiquement.

Alors que certains peuvent dire qu’il vaut mieux le faire à la main, tout le monde n’a pas accès à quelqu’un pour le faire à sa place.

Ce sont les éditeurs auxquels Jetpack Boost s’adresse. Jetpack Boost simplifie le processus d’ajout de CSS critique à une page Web et l’accélère.

2. Différer le JavaScript non essentiel

JavaScript est un code qui fonctionne comme une petite machine qui fait bouger les choses sur une page Web. Par exemple, JavaScript est généralement ce qui fait un menu déroulant dans la liste déroulante de navigation principale.

Le processus de téléchargement du JavaScript empêche le navigateur de créer la page Web. Cela fait de JavaScript un « rendre la ressource de blocage.« 

Une façon d’aider la page Web à se télécharger plus rapidement et à créer la «perception» d’une page Web prête à interagir consiste à télécharger en dernier le code JavaScript non critique.

Le code important nécessaire à un visiteur pour interagir avec un site est téléchargé en premier et les éléments qui ne sont pas immédiatement nécessaires pour un utilisateur à ce moment-là sont téléchargés en dernier.

3. Images de chargement paresseux

Les images peuvent être certains des éléments de page Web les plus volumineux à télécharger. Le fait de devoir télécharger des images peut rendre une page Web longue à afficher.

Cependant, chaque image d’une page Web n’a pas besoin d’être téléchargée immédiatement. Le Lazy Loading est un moyen de différer le téléchargement d’une image. Cela signifie que les images ne sont pas téléchargées tant qu’un visiteur n’a pas fait défiler jusqu’à l’emplacement de l’image.

Cela rend la page Web utilisable plus rapidement par un visiteur du site.

Jetpack Boost

Boost est une solution en un clic recommandée aux éditeurs qui ont besoin d’un moyen simple d’améliorer les performances de Core Web Vitals.

Jetpack le décrit comme ceci:

«Jetpack Boost offre à votre site les mêmes avantages en termes de performances que les principaux sites Web du monde, aucun développeur requis.»

Jetpack Boost n’est pas pour tout le monde. C’est pour les entreprises qui n’ont pas accès à un développeur qui peut apporter les modifications de codage difficiles pour améliorer les scores Core Web Vitals.

C’est un moyen pour les entreprises qui sont expertes en affaires, mais pas en codage, de bénéficier de meilleurs scores Core Web Vitals.

Citation

Le moyen le plus simple d’améliorer les performances et le référencement de votre site