Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


WordPress Gutenberg 10.1, sorti le 3 mars 2021, améliore considérablement les performances de Core Web Vitals. WordPress propose désormais des améliorations significatives de la vitesse des pages.

Gutenberg 10.1 est sorti

WordPress a annoncé la sortie de Gutenberg 10.1 et enfoui dans tous les petits détails des nouvelles fonctionnalités une amélioration que les éditeurs attendaient.

Google est sur le point de mettre à jour son algorithme pour donner un petit coup de pouce aux sites Web qui réussissent Core Web Vitals.

Les Core Web Vitals sont un ensemble de mesures qui décrivent collectivement si un site Web offre une bonne ou une mauvaise expérience utilisateur lors de la visite du site Web.

Il n’y a pas de score intermédiaire. Un site peut réussir ou échouer le test Core Web Vitals.

Les éditeurs Web ont de plus en plus de mal à obtenir un score Core Web Vitals de passage, car bon nombre des problèmes à résoudre sont inhérents au système de gestion de contenu (comme WordPress) et aux thèmes et plugins utilisés.

La publicité

Lisez ci-dessous

L’annonce officielle de WordPress de la dernière version de Gutenberg (10.1) contenait de nombreuses améliorations, mais a été enfouie profondément dans l’annonce dans une section intitulée « Expériences » section vaguement rédigée::

« Expériences
Améliorez la méthode de chargement du style de bloc. « 

Pas particulièrement descriptif. Cependant, ces six mots décrivent une mise à jour importante de la façon dont l’éditeur de site WordPress Gutenberg fournit des feuilles de style dans le front-end là où cela affecte les visiteurs du site.

Qu’est-ce que Gutenberg?

Gutenberg est une nouvelle méthode de création de site Web qui vise à simplifier le processus de création de site Web. C’est un peu comme similaire (mais pas exactement) à un « Ce que vous voyez est ce que vous obtenez (WYSIWIG)»Interface de création de page.

L’éditeur Gutenberg vise à redéfinir le processus de création de site Web en tant que processus avec des blocs d’éléments de page.

Par exemple, un bloc peut être l’en-tête. Le bloc suivant sous l’en-tête peut être la section de menu. Sous ce bloc se trouve le bloc de contenu, suivi d’un bloc de pied de page.

Il existe d’autres blocs pour la zone de contenu qui peuvent être utilisés pour créer une variété de mises en page personnalisées. Gutenberg est une méthode visuelle de création de pages Web à l’aide d’éléments de mise en page prédéfinis appelés blocs.

La publicité

Lisez ci-dessous

Donc, si vous avez besoin d’un formulaire de contact, vous pouvez insérer un bloc de formulaire de contact. Si vous souhaitez créer des colonnes dans la zone de contenu, vous pouvez sélectionner un bloc de colonnes.

Capture d’écran de l’interface utilisateur de Gutenberg Content Blocks

Capture d'écran des blocs de Gutenberg

L’interface de Page Builder est un moyen populaire de créer des sites Web qui simplifient le processus. De cette façon, davantage d’éditeurs peuvent créer des sites Web sans avoir à se soucier de la programmation. Cela permet aux éditeurs de contenu de se concentrer davantage sur le contenu et moins sur le codage et les plugins.

Le gonflement du code de Gutenberg qui a été corrigé

Chaque bloc Gutenberg a des codes de style qui sont spécifiques à chaque bloc. Les codes de style déterminent l’apparence de chaque bloc.

Avant cette mise à jour, les sites Web créés avec Gutenberg avaient tous les codes de style pour chaque bloc qui pourraient potentiellement être utilisés chargés sur chaque page du site Web.

Cela signifiait qu’un énorme fichier de code pour chaque bloc était chargé sur toutes les pages, que vous utilisiez ou non ce bloc.

Un code excessif peut entraîner une détérioration de l’expérience de la page. Plus une page se charge lentement, plus l’expérience utilisateur se détériore.

Le chargement lent des pages Web est frustrant et peut entraîner un site Web moins rentable.

Étant donné que les sites Web rapides ont un léger avantage sur les sites Web plus lents sous la forme d’un gain de classement dans Google en mai 2021, l’amélioration de la vitesse des pages est actuellement un gros problème.

Gutenberg 10.1 adresse le code bloat

La dernière version de Gutenberg résout ce problème. Selon WordPress, le code de style de chaque bloc est relativement petit. La solution qu’ils ont choisie était de ne charger sélectivement que le code de style requis pour les blocs sur une page Web.

La publicité

Lisez ci-dessous

Mieux encore, au lieu de créer de nombreuses feuilles de style à télécharger pour ces pages, les codes de style requis sont déjà sur le site.

Ceci est connu sous le nom d ‘«insertion» du code et constitue une méthode éprouvée pour accélérer le téléchargement d’une page Web.

WordPress a décrit comment ils ont réalisé cette amélioration:

«Étant donné que la plupart des blocs ont des feuilles de style relativement petites, il n’était pas logique d’envoyer des demandes pour ces styles de petite taille au serveur.

Pour résoudre ce problème, les minuscules feuilles de style ont été incluses pour améliorer encore les performances en disposant de tout ce dont le navigateur a besoin en une seule demande. Pensez-y comme envoyer un message texte qui couvre quelques sujets, plutôt que d’écrire une série de messages individuels à la fois. « 

Gutenberg 10.1 est un champion de vitesse

Les résultats de ce petit changement sont remarquables.

WordPress mesure les valeurs de performance avant et après Core Web Vitals et la différence a été principalement positive.

Voici les résultats de Core Web Vitals avant les améliorations de Gutenberg:

Capture d'écran d'anciens scores Gutenberg Core Web Vitals

Voici une capture d’écran des résultats de Core Web Vitals après améliorations:

Capture d'écran des scores Gutenberg 10.1 Core Web Vitals

Il est très évident que Gutenberg 10.1 représente une avancée significative dans l’amélioration de la vitesse des pages.

La publicité

Lisez ci-dessous

Les développeurs WordPress ont décrit leurs performances comme suit:

«Il y a une augmentation significative des performances, le tout sur une simple page avec pas trop de blocs. Avec des structures plus complexes, l’effet devient encore plus clair! « 

WordPress prête attention aux vitales Web les plus importantes

Ce changement sera très bienvenu dans la communauté du référencement et de l’édition. Gutenberg n’est pas encore complètement terminé, mais peut être utilisé par les éditeurs si nécessaire.

Surtout, cette mise à jour souligne que Gutenberg n’est pas seulement l’avenir de la publication Web, mais aussi une amélioration significative de l’édition.

Une recherche sur le site Web WordPress.org n’avait auparavant trouvé aucune confirmation des Core Web Vitals de Google.

Cette annonce mentionne non seulement les défis du référencement, mais souligne également comment ces types d’améliorations profiteront aux visiteurs du site Web et aux éditeurs.

«Bien qu’il y ait beaucoup de travail à faire pour démocratiser la publication dans le projet WordPress, ce type de travail aide à démocratiser la livraison afin que les utilisateurs puissent obtenir le contenu qu’ils souhaitent consommer plus facilement et plus rapidement.

Avec les modifications apportées à la recherche Google pour la vitesse des pages Web, les améliorations des performances du front-end et de l’éditeur n’ont jamais été aussi opportunes. « 

La publicité

Lisez ci-dessous

WordPress Core Web Vitals Boost est réel

Bien que ce changement dans la façon dont CSS est déployé puisse être décrit comme incrémentiel, les avantages pour les éditeurs et les utilisateurs sont énormes. Cette mise à jour résout l’un des principaux problèmes de gonflement du code affectant Gutenberg. Avec la solution à ce problème, Gutenberg devient un système de gestion de contenu plus fonctionnel.

Devis

Amélioration de l’éditeur principal: besoin de vitesse (page / article)

Quoi de neuf dans Gutenberg 10.1? (3 mars)

Améliorer la méthode de chargement du style de bloc





Source link

Recent Posts