Automattic a été fondée par la même personne qui a créé WordPress et lancé officiellement Jetpack Boost, un plugin gratuit qui peut être utilisé pour optimiser les sites Web 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 optimise Web Core Vitals en un seul clic. Le plugin fait actuellement trois choses et fera plus à l’avenir.

La publicité

Lisez ci-dessous

Jetpack Boost effectue les opérations suivantes:

  1. Optimiser le chargement du CSS
  2. Déplacer le JavaScript non essentiel
  3. Chargement d’image paresseux

1. Optimiser le chargement du CSS

Pour qu’une page Web se rassemble, elle doit être créée par un navigateur. Ce processus s’appelle « 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 ce qui a à voir avec l’apparence d’une page Web.

La publicité

Lisez ci-dessous

Cependant, CSS est connu comme une ressource de blocage de rendu. Une ressource de blocage de rendu empêche le navigateur de créer une page Web car le navigateur doit télécharger la ressource (par exemple, un Feuille de style en cascade).

Une feuille de style en cascade (CSS) est l’élément de 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 faire fonctionner la page pour un visiteur du site Web.

Ça signifie CSS critique.

Une astuce pour accélérer le téléchargement d’une page Web consiste à placer les morceaux de CSS liés à l’apparence d’une page Web au-dessus de la page Web elle-même.

Au lieu 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 construite plus rapidement.

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

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

La publicité

Lisez ci-dessous

Ce sont les éditeurs auxquels Jetpack Boost est destiné. Jetpack Boost facilite l’ajout et l’accélération du CSS critique sur une page Web.

2. Déplacer le JavaScript non essentiel

JavaScript est un code qui fonctionne comme une petite machine qui fait des 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 téléchargement du JavaScript empêche le navigateur de créer le site Web. Cela fait de JavaScript un « Ressource de blocage de rendu.« 

Une façon d’accélérer les téléchargements de sites Web et de créer la «sensation» d’un site Web avec lequel il est possible d’interagir consiste à télécharger en dernier le code JavaScript non critique.

La publicité

Lisez ci-dessous

Le code critique requis pour qu’un visiteur interagisse avec un site Web est téléchargé en premier, et le matériel dont un utilisateur n’a pas immédiatement besoin à ce stade est téléchargé en dernier.

3. Images de chargement paresseux

Les images peuvent faire partie des éléments de site Web les plus importants à télécharger. Le téléchargement d’images peut prendre beaucoup de temps pour afficher une page Web.

Cependant, toutes les images d’une page Web ne doivent pas être téléchargées immédiatement. Le chargement différé 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 où se trouve l’image.

La publicité

Lisez ci-dessous

Cela rend le site Web plus rapidement utilisable pour un visiteur du site Web.

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 de cette façon:

« Jetpack Boost offre à votre site Web les mêmes avantages en termes de performances que les principaux sites Web du monde qui ne nécessitent pas de développeur. »

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

C’est un moyen pour les entreprises qui connaissent les affaires mais qui ne codent pas pour obtenir de meilleurs résultats Core Web Vitals.

La publicité

Lisez ci-dessous

Citation

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





Source link

Recent Posts