Get best of the week

Nouveau Google PageSpeed ​​Insights optimisé par Lighthouse 6 (bêta): vérifiez les performances de votre site

Le 16 mars, Google Chrome a publié une version bêta de Lighthouse 6. La version finale constituera la base des mesures dans la nouvelle PageSpeed ​​Insights et la console de développement du navigateur Chrome. Détails et moteur de test à l'intérieur.

Bonjour, Habr. Je suis Alexey de Loading.express.

Lors du dernier Chrome Developer Summit , ils ont annoncé qu'ils publieraient PageSpeed ​​Insights d'ici janvier 2020.

image

Dès la notification, nous avons déployé la version bêta de Lighthouse 6 sur nos serveurs et étudié en détail les innovations. En voici les principaux:

  • trois nouvelles mesures - TBT, LCP et CLS;
  • appareil mis Ă  jour pour ouvrir le site;
  • Nouveaux audits pour JS
  • Nouveaux audits dans la section accessibilitĂ©
  • nouvel Ă©lĂ©ment d'audit dans la section PWA.

DĂ©couvrez le nouveau moteur Lighthouse ici:
lh6.loading.express

Trois nouvelles mesures dans le nouveau rapport PageSpeed ​​(phare 6)


TBT - Temps de blocage total. C'est le moment de bloquer l'entrée en millisecondes lorsqu'un visiteur ne peut rien faire sur le site. Il se charge. Nous attendons. Même si vous essayez de glisser, de faire défiler, de cliquer - vous obtiendrez l'effet de gel ou de mouvement avec des interruptions.

performance habr.com/ru/
Mesures OTC pour la page d'accueil Habr

Ce qui est considéré comme rapide ou lent:

  • 0–300 ms - zone verte, rapide;
  • 300-600 ms - zone orange, modĂ©rĂ©ment;
  • plus de 600 ms - zone rouge, lentement.

LCP - La plus grande peinture au contenu. Il est temps de rendre le contenu le plus grand et le plus visible à l'écran. Le moment où le visiteur du site s'est rendu compte que le site a été chargé et que vous pouvez commencer. Cette statistique a été développée dans Google après des recherches. Nous en avons discuté avec le Web Performance Working Group W3C , qui comprenait des représentants d'Airbnb Inc, Facebook, Mozilla Foundation, Intel Corporation et d'autres.

Ce qui est bon et mauvais:

  • 0-2 sec - zone verte, rapide;
  • 2-4 sec - zone orange, modĂ©rĂ©ment;
  • plus de 4 secondes - zone rouge, lentement.

CLS - Cumulative Layout Shift. Cette métrique résume les scores de chaque changement de page qui se produit pendant le chargement de la page. Tout le monde se souvient du moment où il visite la page, vous commencez à lire et soudain tout le contenu s'enfuit quelque part. Cela a chargé les annonces d'en haut et a poussé tout le contenu vers le bas. Maintenant, Google considère ces changements et plus ils sont nombreux, plus le score est élevé.

Valeurs de 0 Ă  1. Jusqu'Ă  0,5 est bon, plus proche de 1 est mauvais.

Le paramètre FID a été supprimé du rapport. Les rapports de mesure TBT et JS ont partiellement pris le relais.

Nouvel appareil pour ouvrir le site Moto G4



L'imitation de l'appareil sur lequel Google a ouvert votre site était égale à l'écran du Nexus 5 de 2013. Et de nombreux consultants en performance étaient perplexes jusqu'à ce qu'il soit considéré comme un modèle d'appareil. Et donc, en 2020 - un nouvel appareil - Moto G4 (émulé) de 2016. Et cela signifie qu'en moyenne dans le monde, les gens ont mis à jour les appareils à partir desquels ils accèdent aux sites.

Nouveaux audits dans le phare 6


JS - maintenant, si trop de javascript est exécuté lors du chargement de votre site, alors GPSI le signalera séparément.

Accessibilité - les nouveaux éléments d' audit concernent l'affichage des éléments du site pour les lecteurs de texte au format audio, pour les malvoyants. Il existe une opinion selon laquelle les assistants vocaux utiliseront également ce balisage.

Audit de codage de caractères - Le codage doit être déclaré. Audit d'icône

masquable PWA - audit qui vérifie s'il existe une icône vectorielle pour un masque. Sinon, il recommandera de faire un format vectoriel.

Conclusions sur le nouvel audit de la vitesse de chargement des sites Phare 6


PageSpeed ​​Insights a eu sa dernière mise à jour mondiale en novembre 2018. De nombreux sites sont ensuite tombés dans la zone rouge, car avant la mise à jour, PageSpeed ​​n'a pas mesuré la vitesse de chargement des sites, mais a présenté des recommandations pour optimiser divers paramètres susceptibles d'affecter la vitesse de chargement.

Ceux qui ont raté cette mise à jour peuvent encore se tromper et assurer à tout le monde que GPSI ne mesure pas la vitesse de chargement des sites.

Avec le nouveau Lighthouse 6, la mesure de la vitesse deviendra plus compréhensible pour les développeurs et les propriétaires de sites Web.

Sites rapides et conversions élevées.

More articles:


All Articles