Automattic a pré-publié un plugin conçu pour s’attaquer au travail acharné visant à obtenir de meilleurs scores Core Web Vitals. Le plugin est actuellement en phase de test et n’est pas destiné à être utilisé sur des sites de production en direct.Le plugin Jetpack Boost est disponible dans le référentiel officiel de plugins WordPress.org, actuellement en version 0.9.19. Il peut être disponible dans une version complète de la version 1.0 dans la semaine prochaine. Jetpack Boost continuera à être gratuit, y compris de nouvelles fonctionnalités qui pourraient être ajoutées à l’avenir. Il peut également y avoir des fonctionnalités premium supplémentaires qui automatisent certaines fonctions, mais le but du plugin est d’être utile, qu’il s’agisse de la version gratuite ou premium.
Jetpack Boost
Selon Automattic, le plugin n’est pas destiné à un site de production en direct. Il est actuellement disponible au téléchargement en tant que logiciel de pré-version à des fins de test sur un site de test. C’est un logiciel de phase alpha à des fins de test.L’objectif de Jetpack Boost est de fournir une solution simple pour donner aux sites WordPress un coup de pouce dans les métriques d’expérience utilisateur liées à la vitesse et aux éléments vitaux de base.Certains plugins WordPress conçus pour améliorer les métriques de vitesse nécessitent des connaissances techniques. à utiliser à leur plein potentiel.Jetpack Boost est cependant censé être une solution simple en un clic pour accélérer un site. Alors que la version alpha actuelle accélérera trois domaines, Boost pourrait s’étendre à plus de fonctionnalités, d’autant plus que les développeurs recevront plus de commentaires.
Capture d’écran du tableau de bord Jetpack Boost
Fonctionnalités du plugin Jetpack Boost
Le nouveau plugin d’optimisation de la vitesse du site Web Jetpack possède trois fonctionnalités principales qui pourraient en inclure davantage.
- CSS critique local
- Différer le JavaScript non essentiel
- Chargement d’image paresseux
1. CSS critique local
CSS (Cascading Style Sheets) est un code (instructions) qui indique au navigateur comment styliser une page Web. CSS gère la largeur d’une page Web, les couleurs utilisées pour les polices, dicte la taille des images et essentiellement tout ce qui a à voir avec l’apparence d’une page Web. Cela signifie qu’une page Web ne peut pas être affichée (rendue par le navigateur) tant que le CSS n’est pas entièrement téléchargé et mis à disposition du navigateur.Critical CSS est une technique pour créer la perception d’une page Web à chargement rapide en extrayant le CSS qui est critique pour afficher le contenu au-dessus du pli (ce que les utilisateurs voient en premier sans faire défiler) et l’insérer (ce qui signifie placer le CSS dans le code de la page Web lui-même plutôt que dans un fichier séparé) .Le module CSS Critical Local utilise également l’attribut asynchrone afin que le fichier CSS lui-même ne bloque pas le rendu de la page Web par le navigateur.L’élimination des ressources de blocage du rendu permet à une page Web de mieux marquer avec diverses métriques Google Page Experience.Publicité obtenir de meilleurs scores Core Web Vitals.
2. Différer le JavaScript non essentiel
Defer, dans ce cas, est une référence à un attribut JavaScript.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 Paragraph (indiquant un paragraphe de texte) ou l’élément Link. L’attribut est quelque chose qui modifie un élément HTML. Par exemple, avec l’élément Lien (un élément constitutif d’une page Web), l’attribut Lien «nofollow» modifie le comportement d’un lien en indiquant aux moteurs de recherche de ne pas suivre le lien. Pour l’élément JavaScript, il existe un élément différer. L’élément defer indique au navigateur de continuer à créer la page Web tout en téléchargeant simultanément le JavaScript, mais de ne pas exécuter (exécuter) le JavaScript tant que la page Web n’a pas été téléchargée et rendue d’une autre manière. éléments de page Web qui ne sont pas critiques, comme une vidéo qui est plus bas dans la page Web (sous le pli) .Jetpack Boost reportera le JavaScript non critique.C’est ainsi que la page Web officielle du plugin Jetpack Boost le décrit: «Defer Non- Essential Javascript déplace certaines tâches après le chargement de la page, afin que les informations visuelles importantes puissent être vues plus tôt. «
3. Chargement d’image paresseux
Le chargement différé permet à une page Web de se télécharger sans avoir à télécharger chaque image de la page Web. Il télécharge des images qui se trouvent dans la vue d’un écran de navigateur, où le visiteur du site peut les voir.
Facilité d’utilisation
Jetpack Boost est conçu pour être extrêmement facile à utiliser. Tout ce qui doit être fait est d’installer le plugin et d’activer les modules nécessaires.PublicitéContinuer à lire ci-dessousAvertissement: Comme mentionné précédemment, il s’agit d’une version alpha du plugin, un aperçu de pré-version qui est destiné à des fins de test sur un site Web Les éditeurs avec beaucoup de JavaScript personnalisé devront peut-être vérifier que le module Defer JavaScript ne rompt pas leur JavaScript.Cela dit, Jetpack Boost sortira bientôt la version 1.0 d’ici quelques semaines ou plus tôt. peut être ajouté au plugin à l’avenir. Jusqu’à présent, Jetpack Boost ressemble à un plugin prometteur pour optimiser un site Web pour la vitesse.Il est actuellement en version de test de pré-lancement mais la version complète pour les sites en direct arrive bientôt.
Citation
Page de plug-in WordPress.org pour Jetpack Boost par Automattic, XWP