Sélectionner une page


Automattic a pré-publié un plugin qui s’attaque au travail acharné pour obtenir de meilleurs résultats Core Web Vitals. Le plugin est actuellement en phase de test et n’est pas destiné à être utilisé dans des installations de production en direct.

Le plugin Jetpack Boost est disponible dans le référentiel officiel de plugins WordPress.org, actuellement version 0.9.19. Une version complète 1.0 pourrait être disponible dans la semaine prochaine.

Jetpack Boost

Selon Automattic, le plugin n’est pas destiné à une installation de production en direct. Il est actuellement disponible au téléchargement en tant que logiciel de pré-version à des fins de test sur une page de test. C’est un logiciel de phase alpha à des fins de test.

La publicité

Lisez ci-dessous

L’objectif de Jetpack Boost est de fournir une solution simple que les sites Web WordPress peuvent utiliser pour améliorer les mesures de l’expérience utilisateur liées à la vitesse et aux principaux signes vitaux du Web.

Certains plugins d’amélioration des métriques de vitesse WordPress nécessitent des connaissances techniques pour atteindre leur plein potentiel.

Cependant, Jetpack Boost est une solution simple en un clic pour accélérer un site Web. Alors que la version alpha actuelle accélérera trois domaines, il se peut que d’autres fonctionnalités soient ajoutées à Boost, d’autant plus que les développeurs obtiendront plus de commentaires.

Capture d’écran du tableau de bord Jetpack Boost

Capture d'écran du tableau de bord Jetpack Boost

Caractéristiques du plugin Jetpack Boost

Le nouveau plugin d’optimisation de la vitesse sur le site Web de Jetpack a trois fonctions principales qui peuvent être étendues pour inclure des fonctions supplémentaires.

La publicité

Lisez ci-dessous

  1. CSS critique local
  2. Déplacer le JavaScript non essentiel
  3. Chargement d’image paresseux

1. CSS critique local

CSS (Cascading Style Sheets) est un code (instructions) qui indique au navigateur comment un site Web doit être conçu. CSS gère la largeur d’une page Web, les couleurs utilisées pour les polices, détermine la taille des images et essentiellement tout ce qui a à voir avec ce à quoi une page Web devrait ressembler.

CSS est également une ressource de blocage de rendu. Cela signifie qu’une page Web ne peut pas être affichée (rendue par le navigateur) tant que le CSS n’a pas été complètement téléchargé et mis à la disposition du navigateur.

Le CSS critique est une technique permettant de créer la perception d’une page Web à chargement rapide en extrayant le CSS, ce qui est important pour afficher le contenu au-dessus du pli (ce que les utilisateurs voient en premier sans faire défiler), et en le collant (ce qui signifie que le CSS est placé dans le code du site Web lui-même plutôt que d’être dans un fichier séparé).

Le module CSS Local Critical utilise également l’attribut asynchrone afin que le fichier CSS lui-même n’empêche pas le rendu de la page Web par le navigateur.

L’élimination des ressources de blocage de rendu peut aider une page Web à mieux fonctionner sur diverses mesures de l’expérience de page Google.

L’élimination des ressources de blocage de rendu est un moyen important d’améliorer l’expérience utilisateur et d’obtenir de meilleurs résultats Core Web Vitals.

2. Déplacer le JavaScript non essentiel

Dans ce cas, le report est une référence à un attribut JavaScript.

La publicité

Lisez ci-dessous

En HTML, un élément est comme un bloc de construction de base d’une page Web, comme l’élément JavaScript, l’élément de paragraphe (qui désigne une section de texte) ou l’élément de lien.

Un attribut modifie un élément HTML. Avec l’élément lien (un composant d’un site Web), l’attribut lien « nofollow » modifie le comportement d’un lien, par exemple en demandant aux moteurs de recherche de ne pas suivre le lien.

Il existe un élément defer pour l’élément JavaScript. L’élément defer indique au navigateur de continuer à créer le site Web et de télécharger le JavaScript en même temps, mais de ne pas exécuter (exécuter) le JavaScript tant que le site Web n’a pas été téléchargé et rendu d’une autre manière.

L’attribut différé est utile pour JavaScript qui fait référence à des éléments de page Web qui ne sont pas critiques, tels que: B. une vidéo qui se trouve sur le site Web (sous le pli).

La publicité

Lisez ci-dessous

Jetpack Boost déplace le JavaScript non critique.

Voici comment le site Web officiel du plugin Jetpack Boost le décrit:

«Le déplacement de Javascript non essentiel reporte certaines tâches après le chargement de la page, donc les informations visuelles importantes sont affichées plus tôt.

3. Chargement d’image paresseux

Le chargement différé permet de télécharger une page Web sans avoir à télécharger chaque image de la page Web. Les images téléchargées sont affichées sur un écran de navigateur et sur lesquelles le visiteur du site Web peut les voir.

convivialité

Jetpack Boost est extrêmement facile à utiliser. Tout ce que vous avez à faire est d’installer le plugin et d’activer les modules requis.

Avertissement: Comme mentionné précédemment, il s’agit d’une version alpha du plugin, un aperçu destiné à des fins de test sur un site Web qui n’est pas disponible sur le Web.

La publicité

Lisez ci-dessous

Les éditeurs avec beaucoup de JavaScript personnalisé peuvent avoir besoin de vérifier que le module Move JavaScript n’altère pas leur JavaScript.

Cependant, Jetpack Boost sortira bientôt la version 1.0 d’ici quelques semaines ou plus tôt.

Le plug-in peut être étendu pour inclure des fonctions supplémentaires à l’avenir. Jusqu’à présent, Jetpack Boost ressemble à un plugin prometteur pour optimiser un site Web pour la vitesse.

Citation

Page du plugin WordPress.org pour Jetpack Boost d’Automattic, XWP





Source link

Recent Posts