Catégories
Conseils e-commerce

Évaluer les '' Core Web Vitals '' de Google sur les thèmes Shopify

Google a récemment annoncé «Core Web Vitals», qui sont de nouvelles mesures de performances qui deviendront un signal de classement de recherche l'année prochaine.

De l'annonce:

Plus tôt ce mois-ci, l'équipe Chrome a annoncé Core Web Vitals, un ensemble de mesures liées à la vitesse, la réactivité et la stabilité visuelle, pour aider les propriétaires de sites à mesurer l'expérience utilisateur sur le Web.

Aujourd'hui, nous nous appuyons sur ce travail et fournissons un premier aperçu d'un changement de classement de recherche à venir qui intègre ces statistiques d'expérience de page. Nous allons introduire un nouveau signal qui combine Core Web Vitals avec nos signaux existants pour l'expérience de la page afin de fournir une image globale de la qualité de l'expérience d'un utilisateur sur une page Web.

Core Web Vitals se compose de trois nouvelles mesures:

  • Premier délai d'entrée mesure la vitesse à laquelle les utilisateurs peuvent interagir avec la page; une bonne valeur est inférieure à 100 ms.
  • Décalage de mise en page cumulatif mesure la stabilité visuelle du contenu de la page; une bonne valeur est inférieure à 0,1 seconde. Certaines pages déplacent du contenu lorsque les utilisateurs agissent, ce qui peut être frustrant.

Vous pouvez vérifier rapidement ces statistiques sur votre site en installant «Web Vitals», une extension Chrome tierce.

Google affiche les nouvelles statistiques dans Search Console, PageSpeed ​​Insights et le rapport d'expérience utilisateur Chrome.

Changements dans Lighthouse 6.0

PageSpeed ​​Insights est alimenté par un outil open-source de Google appelé Lighthouse, qui a été mis à jour pour prendre en charge les nouvelles mesures, entre autres changements.

À partir des notes de version, qui apparaissent ci-dessous avec de légères clarifications, nous apprenons que Google a supprimé trois mesures du calcul du score et réduit le poids de quelques autres.

Le poids de TTI (Time to Interactive) a été réduit de 33% à 15%. C'était en réponse aux commentaires des utilisateurs sur la variabilité TTI, ainsi que les incohérences dans les optimisations métriques. TTI est toujours un signal utile pour quand une page est entièrement interactive, cependant avec TBT (Total Blocking Time) en complément, la variabilité est réduite. Avec ce changement de score, nous espérons que les développeurs seront plus efficacement encouragés à optimiser l'interactivité des utilisateurs.

Le poids du FCP (First Contentful Paint) a été réduit de 23% à 15%. Mesurer uniquement lorsque le premier pixel est peint ne nous donne pas une image complète. Le combiner avec mesurer quand les utilisateurs peuvent voir ce qui leur tient le plus à cœur (la plus grande peinture contentée) reflète mieux l'expérience de chargement.

Le FID potentiel maximal (premier délai d'entrée) est obsolète. Il n'est plus affiché dans le rapport mais est toujours disponible dans le JSON. Il est maintenant recommandé de regarder TBT pour quantifier votre interactivité au lieu de Max Potential FID.

La première peinture significative a été déconseillée. Cette métrique était trop variante et n'avait aucun chemin viable vers la normalisation car l'implémentation est spécifique aux rendus internes de Chrome. Bien que certaines équipes trouvent que le calendrier FMP vaut la peine sur leur site, la mesure ne recevra pas d'améliorations supplémentaires.

Le premier processeur inactif a été déconseillé car il n'est pas suffisamment distinct de TTI. Total Blocking Time et Time to Interactive sont désormais les mesures incontournables pour l'interactivité.

Le poids cumulé de la mise en page est relativement faible, bien que nous prévoyions de l'augmenter dans une future version majeure.

Google déclare que la nouvelle méthodologie se traduira par des scores Lighthouse (i) s'aggraver d'au moins cinq points pour 50 pour cent de tous les sites dans le monde, (ii) rester inchangé pour 30 pour cent des sites, et (iii) être "sensiblement plus élevé" pour 20 pour cent.

Données de terrain vs données de laboratoire

Les nouveaux Core Web Vitals se concentrent principalement sur les «données de terrain» – les données d'utilisateurs réels. "Lab Data" est une simulation et ne reflète pas nécessairement une expérience réelle. PageSpeed ​​Insights place les données de champ au-dessus des données de laboratoire, comme indiqué dans la capture d'écran ci-dessous pour un site Shopify, qui, par ailleurs, ne réussit pas l'évaluation Core Web Vitals.

Lieux PageSpeed ​​Insights

PageSpeed ​​Insights place les «données de terrain», provenant d'utilisateurs réels, au-dessus des données de laboratoire, qui sont simulées.

Google recommande d'utiliser Lab Data lorsqu'un site est en cours de développement et Field Data lorsqu'il est en ligne.

Voici un exemple de la façon dont les données de terrain sont collectées à partir d'interactions réelles. L'extension Web Vitals Chrome n'affiche pas initialement les mesures du premier délai d'entrée, signalant en gris clair "en attente de saisie". Pour obtenir une valeur pour votre site, passez la souris sur la navigation principale du site.

L'extension Web Vitals Chrome n'affiche pas initialement les mesures du premier délai d'entrée, les rapports en gris clair,

L'extension Web Vitals Chrome n'affiche pas initialement les mesures du premier délai d'entrée, signalant en gris clair "en attente de saisie".

Mise à jour de l'étude de vitesse

«Page Speed ​​Scores of Every Shopify Theme», mon article d'avril, comprenait un tableau de ces vitesses à l'époque à l'aide de PageSpeed ​​Insights, qui, encore une fois, était Lab Data.

Ce qui suit est un tableau mis à jour des scores de vitesse de page pour mobile et ordinateur de bureau de tous les thèmes Shopify utilisant les données de champ. J'ai également inclus les scores Lab Data d'avril avec le pourcentage de changement pour chaque thème.

Le tableau, qui peut être trié par colonne, affiche uniquement le score de vitesse de page global. Pour un rapport détaillé de toutes les mesures Lighthouse pour chaque thème, consultez la feuille Google.

Thème Mobile (20 juin)
Score de vitesse de la page
Mobile (avril '20)
Score de vitesse de la page
Mobile:
% Changement
Desktop (juin '20)
Score de vitesse de la page
Desktop (avril '20)
Score de vitesse de la page
Bureau:
% Changement
Alchimie 32 62 -48,4% 79 94 -16,0%
Artisan 30 61 -50,8% 77 97 -20,6%
atlantique 62 68 -8,8% 86 99 -13,1%
rue 43 48 -10,4% 71 77 -7,8%
Blockshop 27 37 -27,0% 74 81 -8,6%
Renforcer 61 77 -20,8% 95 98 -3,1%
Sans bornes 70 88 -20,5% 91 97 -6,2%
Diffuser 36 34 5,9% 74 77 -3,9%
Brooklyn 56 72 -22,2% 89 98 -9,2%
Californie 48 40 20,0% 91 95 -4,2%
Canopée 45 50 -10,0% 93 97 -4,1%
Capitale 37 81 -54,3% 88 98 -10,2%
Cascade 78 69 13,0% 98 100 -2,0%
Couleurs 29 53 -45,3% 89 95 -6,3%
Le contexte 20 37 -45,9% 67 79 -15,2%
Début 79 88 -10,2% 97 99 -2,0%
District 71 83 -14,5% 94 94 0,0%
Éditions 45 63 -28,6% 90 97 -7,2%
Éditorial 78 89 -12,4% 97 99 -2,0%
Émerger 37 N / A N / A 79 N / A N / A
Empire 61 68 -10,3% 90 99 -9,1%
Envie 18 31 -41,9% 79 81 -2,5%
Express 95 N / A N / A 95 N / A N / A
Expression 67 70 -4,3% 95 97 -2,1%
Fashionopolisme 32 74 -56,8% 70 97 -27,8%
Couler 20 53 -62,3% 60 66 -9,1%
Focal 61 62 -1,6% 93 94 -1,1%
Galleria 37 30 23,3% 69 78 -11,5%
la grille 34 72 -52,8% 88 97 -9,3%
Pratique 27 40 -32,5% 82 85 -3,5%
Icône 28 36 -22,2% 84 93 -9,7%
Impulsion 60 68 -11,8% 86 92 -6,5%
Ira 45 66 -31,8% 87 96 -9,4%
Kagami 43 66 -34,8% 91 97 -6,2%
Royaume 49 78 -37,2% 97 98 -1,0%
Étiquette 63 79 -20,3% 96 99 -3,0%
lancement 33 48 -31,3% 68 81 -16,0%
Grenier 27 23 17,4% 83 86 -3,5%
Lorenza 29 30 -3,3% 70 67 4,5%
Fabricant 30 48 -37,5% 79 87 -9,2%
Maçonnerie 46 57 -19,3% 90 88 2,3%
Minimal 71 78 -9,0% 92 99 -7,1%
Mobilia 36 53 -32,1% 65 96 -32,3%
Modulaire 50 73 -31,5% 93 98 -5,1%
Mouvement 29 32 -9,4% 84 80 5,0%
Mr Parker 32 40 -20,0% 80 95 -15,8%
Récit 71 80 -11,3% 95 100 -5,0%
Pacifique 23 34 -32,4% 73 81 -9,9%
Palo Alto 15 29 -48,3% 41 77 -46,8%
Parallaxe 35 31 12,9% 79 82 -3,7%
Pipeline 52 54 -3,7% 95 93 2,2%
Prestige 51 66 -22,7% 90 96 -6,3%
Providence 39 41 -4,9% 76 75 1,3%
Atteindre 26 33 -21,2% 74 81 -8,6%
Sensible 29 49 -40,8% 75 93 -19,4%
Rétine 17 8 112,5% 57 58 -1,7%
Vitrine 81 82 -1,2% 97 98 -1,0%
Afficher l'heure 24 25 -4,0% 82 83 -1,2%
Facile 83 92 -9,8% 95 99 -4,0%
Divisé 64 68 -5,9% 82 92 -10,9%
Commencez 37 43 -14,0% 89 86 3,5%
Récit 71 64 10,9% 97 98 -1,0%
Rationaliser 38 79 -51,9% 91 99 -8,1%
lever du soleil 62 70 -11,4% 90 99 -9,1%
La fourniture 75 86 -12,8% 94 99 -5,1%
Symétrie 37 67 -44,8% 93 98 -5,1%
Testament 55 55 0,0% 86 94 -8,5%
Marque déposée 54 60 -10,0% 87 95 -8,4%
Avantage 47 64 -26,6% 80 90 -11,1%
Entreprise 88 85 3,5% 93 99 -6,1%
Lieu 20 33 -39,4% 72 81 -11,1%
Vogue 29 47 -38,3% 83 88 -5,7%
Entrepôt 50 41 22,0% 94 88 6,8%

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *