• Accueil
  • Info
  • Publicité
  • Privacy & Policy
  • Nous Contacter
No Result
View All Result
Technique de pointe
  • Actualité
  • Technologies
  • Jeu vidéo
  • Mobile
  • Astuces
  • HTML5 / CSS
  • Java Script
  • PHP
  • Article Sponsorisé
  • Astuces
  • Jeu vidéo
  • Nous Contacter
MYCAMER
  • Actualité
  • Mobile
  • Jeu vidéo
    Le sketch Mario SNL de Pedro Pascal est l’adaptation du jeu vidéo dont nous avons plus que jamais besoin

    Le sketch Mario SNL de Pedro Pascal est l’adaptation du jeu vidéo dont nous avons plus que jamais besoin

    Mario Kart Sketch de Pedro Pascal est votre nouvelle série préférée

    Mario Kart Sketch de Pedro Pascal est votre nouvelle série préférée

    Microsoft va ruiner Master Chief entre ‘Halo Infinite’ et Paramount si ce n’est pas prudent

    Microsoft va ruiner Master Chief entre ‘Halo Infinite’ et Paramount si ce n’est pas prudent

    Concentrez votre énergie : les stocks de jeux vidéo en 2023

    Concentrez votre énergie : les stocks de jeux vidéo en 2023

    Quelle est la durée idéale d’un jeu vidéo ?  –

    Quelle est la durée idéale d’un jeu vidéo ? –

    Une plateforme de jeu vidéo pour améliorer la fonction exécutive

    Une plateforme de jeu vidéo pour améliorer la fonction exécutive

    10 tropes de jeux vidéo qui n’ont aucun sens

    10 tropes de jeux vidéo qui n’ont aucun sens

    Dead Space Remake – Dans le vide (Chapitre 7)

    Dead Space Remake – Dans le vide (Chapitre 7)

    Sony brevète un « coach d’inventaire de jeux vidéo » pour aider les joueurs indécis dans la gestion des stocks

    Sony brevète un « coach d’inventaire de jeux vidéo » pour aider les joueurs indécis dans la gestion des stocks

  • Developpement web
    • All
    • Java Script
    • Language HTML5
    L’industrie écossaise du jeu vidéo renforce le potentiel des jeux

    Rencontrez les régulateurs : les normes de sécurité pour les enfants auront de nouveaux régulateurs à partir de 2023

    Wesfarmers supprime 100 emplois chez Catch

    Wesfarmers supprime 100 emplois chez Catch

    Arrêtez d’appeler les langages de programmation HTML et CSS |  de Christophe Lam |  L’Albatros FOSS |  février 2023

    Arrêtez d’appeler les langages de programmation HTML et CSS | de Christophe Lam | L’Albatros FOSS | février 2023

    Vous voulez devenir UI/UX Designer ?  Consulter la liste des stages

    Vous voulez devenir UI/UX Designer ? Consulter la liste des stages

    Techids : un événement inspirant pour les jeunes passionnés de technologie

    Techids : un événement inspirant pour les jeunes passionnés de technologie

    Un couple ouvre un centre d’apprentissage Code Wiz à FishHawk Ranch

    Un couple ouvre un centre d’apprentissage Code Wiz à FishHawk Ranch

    Codecademy élargit ses offres avec des fonctionnalités améliorées pour les demandeurs d’emploi, un nouveau produit pour les upskillers

    Codecademy élargit ses offres avec des fonctionnalités améliorées pour les demandeurs d’emploi, un nouveau produit pour les upskillers

    L’Etat demande au centre de livrer 14 bateaux agréés pour la sécurité côtière |  Nouvelles de Bombay

    L’Etat demande au centre de livrer 14 bateaux agréés pour la sécurité côtière | Nouvelles de Bombay

    Croissance des ventes au détail de 7,5 % en glissement annuel, le chiffre d’affaires ne parvient pas à suivre

    Croissance des ventes au détail de 7,5 % en glissement annuel, le chiffre d’affaires ne parvient pas à suivre

  • Astuces
    L’équipe de formation WordPress recherche des commentaires avec une enquête individuelle sur les apprenants – WP Tavern

    L’équipe de formation WordPress recherche des commentaires avec une enquête individuelle sur les apprenants – WP Tavern

    4 villes en plein essor en 2023 à considérer pour une vie abordable

    4 villes en plein essor en 2023 à considérer pour une vie abordable

    L’équipe de formation WordPress recherche des commentaires avec une enquête individuelle sur les apprenants – WP Tavern

    L’équipe de formation WordPress recherche des commentaires avec une enquête individuelle sur les apprenants – WP Tavern

    10 meilleurs sites Web GPL pour télécharger des plugins de thèmes GPL 2023

    10 meilleurs sites Web GPL pour télécharger des plugins de thèmes GPL 2023

    Ukraine à J+341 : Killnet frappe les hôpitaux américains.

    Ukraine à J+341 : Killnet frappe les hôpitaux américains.

    6 Best WordPress SEO Plugins for 2023

    6 Best WordPress SEO Plugins for 2023

    Amorcer un document Quarto {ojs} avec un bloc-notes observable

    WordPress Password Protection – A Complete Guide

    La vulnérabilité du plugin anti-spam WordPress affecte jusqu’à 60 000 sites

    La vulnérabilité du plugin anti-spam WordPress affecte jusqu’à 60 000 sites

    Comment déployer facilement une application full-stack dans Portainer avec des templates

    Comment déployer facilement une application full-stack dans Portainer avec des templates

  • Nous contacter
No Result
View All Result
MYCAMER
No Result
View All Result
Home Astuces

WordPress Gutenberg 10.1 booste les vitaux Web de base

Caleb by Caleb
mars 11, 2021
in Astuces
0
0
WordPress Gutenberg 10.1 booste les vitaux Web de base
332
SHARES
2k
VIEWS
Share on FacebookShare on TwitterRedditLinkedinWhatsappTelegram


  1. Gutenberg 10.1 est disponible
  2. Qu’est-ce que Gutenberg?
  3. Le gonflement du code de Gutenberg qui a été corrigé
  4. Gutenberg 10.1 adresse le code bloat
  5. Gutenberg 10.1 est un champion de vitesse
  6. WordPress prête attention aux éléments essentiels du Web
  7. WordPress Core Web Vitals Boost est réel
  8. Citations

WordPress Gutenberg 10.1, sorti le 3 mars 2021, augmente considérablement les performances de Core Web Vitals. WordPress propose désormais des gains de vitesse de page significatifs.

Gutenberg 10.1 est disponible

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

Google met bientôt à jour son algorithme pour donner un petit coup de pouce au classement des sites qui ont un score Core Web Vitals de passage.

Les Core Web Vitals sont un ensemble de mesures qui décrivent collectivement si une page Web offre une bonne ou une mauvaise expérience utilisateur lorsqu’ils visitent la page 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.

Publicité

Continuer la lecture ci-dessous

L’annonce officielle de WordPress concernant la dernière version de Gutenberg (10.1) incluait de nombreuses améliorations, mais enfouie profondément dans l’annonce, dans une section intitulée Expériences, était-ce extrait de code vaguement rédigé:

“Expériences
Améliorez la méthode de chargement des styles de bloc. »

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

Qu’est-ce que Gutenberg?

Gutenberg est une nouvelle façon de créer des sites Web qui vise à simplifier le processus de création de sites Web. Il est une sorte de similaire (mais pas exactement) à un “Ce que vous voyez est ce que vous obtenez (WYSIWIG)»Interface de création de page.

L’éditeur Gutenberg se propose de réinventer le processus de création de site Web comme un processus impliquant 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.

Pour la zone de contenu, il existe d’autres blocs qui peuvent être utilisés pour créer une grande variété de mises en page personnalisées. Gutenberg est un moyen visuel de créer des pages Web en utilisant des éléments de mise en page prédéfinis appelés blocs.

Publicité

Continuer la lecture ci-dessous

Donc, si vous avez besoin d’un formulaire de contact, vous pouvez choisir de déposer un bloc de formulaire de contact. Si vous souhaitez créer des colonnes dans la zone de contenu, vous pouvez choisir un bloc Colonnes.

Capture d’écran de l’interface utilisateur des blocs de contenu Gutenberg

Capture d'écran des blocs de Gutenberg

L’interface de création de page est un moyen populaire de créer des sites Web qui simplifieront le processus. De cette façon, plus d’éditeurs peuvent créer des sites Web sans avoir à se soucier de la programmation, ce qui 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 dictent l’apparence de chaque bloc.

Avant cette mise à jour, les sites créés avec Gutenberg chargeaient chaque code de style pour chaque bloc pouvant éventuellement être utilisé, sur chaque page du site.

Cela signifiait qu’un fichier géant avec du code pour chaque bloc était chargé sur toutes les pages, que vous ayez utilisé ou non ce bloc.

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

Les pages Web à chargement lent sont frustrantes et peuvent réduire les revenus d’un site.

De plus, comme en mai 2021, les pages Web rapides auront un léger avantage sur les pages Web plus lentes sous la forme d’une amélioration du classement dans Google, l’amélioration de la vitesse des pages est un gros problème pour le moment.

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 charger sélectivement uniquement le code de style nécessaire pour les blocs qui se trouvent sur une page Web.

Publicité

Continuer la lecture ci-dessous

Mieux encore, plutôt que de créer de nombreuses feuilles de style à télécharger pour ces pages, les codes de style nécessaires se trouvent déjà sur la page Web.

C’est ce qu’on appelle «insérer» le code et c’est une bonne pratique pour accélérer la vitesse de 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 assez petites, il n’était pas logique d’envoyer des demandes au serveur pour ces styles de petite taille.

Pour résoudre ce problème, les minuscules feuilles de style ont été intégrées, améliorant encore les performances en incluant tout ce dont le navigateur a besoin dans une seule demande. Considérez cela comme l’envoi d’un SMS couvrant quelques sujets, plutôt que d’écrire un tas de messages individuels les uns après les autres. »

Gutenberg 10.1 est un champion de vitesse

Les résultats de ce petit changement sont notables.

WordPress mesure les scores de performance avant et après Core Web Vitals et la différence était extrêmement positive.

Voici le score 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 scores 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 un pas en avant significatif pour améliorer les performances de vitesse de page.

Publicité

Continuer la lecture ci-dessous

Les développeurs WordPress ont décrit leur réussite comme ceci:

«Il y a une amélioration significative des performances, et c’est sur une simple page avec pas trop de blocs. Sur des structures plus complexes, l’effet sera encore plus prononcé! »

WordPress prête attention aux éléments essentiels du Web

Ce changement sera le bienvenu dans la communauté du référencement et de l’édition. Bien que Gutenberg ne soit pas complètement terminé pour le moment, il est toujours prêt à être utilisé si les éditeurs le souhaitent.

Plus important encore, cette mise à jour souligne à quel point Gutenberg n’est pas seulement l’avenir de la publication Web, mais une nette amélioration de la publication.

Une recherche sur le site WordPress.org n’a pas montré auparavant de reconnaissance des Core Web Vitals de Google.

Cette annonce ne mentionne pas seulement les défis du référencement, elle souligne en fait comment ces types d’améliorations profitent aux visiteurs du site et aux éditeurs.

«Bien que beaucoup de travail soit consacré à la démocratisation de la publication dans le projet WordPress, ce type de travail aide à démocratiser la livraison, permettant aux gens d’obtenir le contenu qu’ils souhaitent consommer plus facilement et plus rapidement.

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

Publicité

Continuer la lecture ci-dessous

WordPress Core Web Vitals Boost est réel

Bien que ce changement dans la façon dont le CSS est livré peut être considéré comme incrémentiel, l’avantage pour les éditeurs et les utilisateurs est énorme. Cette mise à jour corrige l’un des principaux problèmes de gonflement du code affectant Gutenberg. Une fois ce problème résolu, Gutenberg devient un système de gestion de contenu plus viable.

Citations

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 des styles de bloc



— to www.searchenginejournal.com

Get real time update about this post categories directly on your device, subscribe now.

Unsubscribe
Caleb

Caleb

Stay Connected

  • 87k Followers
  • 172k Subscribers

Articles populaires

  • 10 problèmes courants de l’iPhone 13 et comment les résoudre

    10 problèmes courants de l’iPhone 13 et comment les résoudre

    5605 shares
    Share 2242 Tweet 1401
  • Comment installer phpMyAdmin sur Debian 11 Bullseye (Apache)

    1705 shares
    Share 682 Tweet 426
  • GOLDEN FARM BIZ: earn unlimited money online

    347 shares
    Share 139 Tweet 87
  • Étapes pour installer MySQL sur Ubuntu 22.04 LTS Jammy Linux

    514 shares
    Share 206 Tweet 129
  • Comment réparer le décalage d’Instagram sur iPhone et Android

    712 shares
    Share 285 Tweet 178

Follow Our Page

Follow Us

    Go to the Customizer > JNews : Social, Like & View > Instagram Feed Setting, to connect your Instagram account.
Facebook Twitter Youtube Vimeo Instagram

Informer et distraire les internautes en toute indépendance avec un grand souci de la qualité et de contenu.

Category

  • Actualité
  • Article Sponsorisé
  • Astuces
  • Developpement web
  • Featured
  • Java Script
  • Jeu vidéo
  • Language HTML5
  • Mobile
  • portrait
  • Technologies
  • Uncategorized

Recent News

Exposition I Dream a World de la National Portrait Gallery

février 6, 2023
L’industrie écossaise du jeu vidéo renforce le potentiel des jeux

Rencontrez les régulateurs : les normes de sécurité pour les enfants auront de nouveaux régulateurs à partir de 2023

février 6, 2023

© 2023 mycamer.net - Technologies de pointe & magazine Hébergé par World-reseller.com.

No Result
View All Result
  • Actualité
  • Mobile
  • Jeu vidéo
  • Developpement web
  • Astuces
  • Nous contacter

© 2023 mycamer.net - Technologies de pointe & magazine Hébergé par World-reseller.com.

Welcome Back!

Sign In with Facebook
Sign In with Google
Sign In with Linked In
OR

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
fr French
ar Arabiczh-CN Chinese (Simplified)en Englishfr Frenchde Germanit Italianru Russianes Spanish

Add New Playlist

This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.