200 millisecondes sonnent vite ? L'interaction avec la prochaine peinture peut aider à augmenter la réactivité de votre site Web

May est sorti avec un rugissement. Quel mois. Google Core Update, deux nouvelles métriques utilisateur Web Vitals et WordPress 6.0 !

Le 25 mai, Google a annoncé le lancement de sa mise à jour de base à grande échelle. La mise à jour principale de mai 2022 devrait durer deux semaines. Les gens signalaient des changements sur les pages de résultats de recherche. Avez-vous remarqué un changement dans vos SERP ?

WordPress 6.0, la deuxième version majeure de WordPress de 2022, a également été déployée. WordPress 5.9, sorti en janvier 2022, a introduit l'édition complète du site (FSE) pour l'éditeur de blocs. Avec WordPress 6.0. l'accent est à nouveau mis sur l'extension et l'amélioration des fonctions de l'éditeur de blocs. Tous les sites Web de vos clients sont-ils mis à jour vers WordPress 6.0 ?

Des mises à jour partout ! Que s'est-il passé d'important pour mes sites Web ?

Le grand mouvement cérébral de Google en mai a été l'ajout de Time to First Byte (TTFB) et Interaction to Next Paint (INP) à leurs métriques Web Vitals. L'ajout de nouvelles métriques est la façon dont Google dit : "restez concentré sur ce qui est vital".

Vous pouvez maintenant mesurer la réactivité. Vous pouvez voir où ces grains de sable ralentissent les engrenages. C'est formidable pour vous et votre portefeuille de sites Web clients.  

C'est pourquoi une Tesla est plus rapide qu'une voiture à essence. Dans un moteur à combustion interne, vous perdez de la vitesse à travers toutes les pièces se connectant avec d'autres pièces et le frottement. Moins de pièces mobiles signifie que l'énergie va aux roues.

Les Core Web Vitals grandissent ! pagespeed.web.dev vient de faire l'objet d'une mise à jour, les taux RUM incluent désormais l'Interaction to Next Paint (INP) et le Time to first Byte (TTFB). Les deux grands choix si vous me demandez! L'INP est à mon avis un bien meilleur moyen de mesurer la réactivité que le First Input Delay qui pourrait facilement être manipulé. Le Time To First Byte aurait toujours dû être plus important car il précède toute métrique de performance. Pas de réponse = pas de peinture, pas d'interaction etc !.

Arjen Karel

Qu'est-ce que l'interaction avec la peinture suivante (INP) et pourquoi est-ce important ?

En plus de Google Core Web Vitals, Google mesure un nombre croissant de mesures de réponse centrées sur l'utilisateur, notamment l'interaction jusqu'au prochain dessin (INP) et le temps jusqu'au premier octet (TTFB). Cependant, avant de rééquiper votre équipe, Google indique :

Ces métriques de champ sont actuellement expérimentales mais sont désormais disponibles pour les utilisateurs. Les mesures expérimentales peuvent changer ou disparaître.

Google.com

Interaction to Next Paint (INP) est une nouvelle métrique qui vise à représenter la latence d'interaction globale d'une page en sélectionnant l'une des interactions les plus longues lorsqu'un utilisateur visite une page. INP est le plus souvent le 98e centile de la latence d'interaction pour les pages avec de nombreuses interactions. Pour les pages avec moins de 50 interactions, INP est l'interaction avec la pire latence.

Il existe de nombreux éléments d'interface utilisateur. KeyDown se produit lorsqu'une touche est enfoncée. KeyUp se produit lorsqu'une touche est relâchée. Il y a DragOver, Drop, OnFocus et bien d'autres. Chaque interaction est imputée, traitée et un résultat présenté à l'utilisateur.

Le temps entre chaque action est mesurable, et un long intervalle entre le clic et la réception peut contribuer à une mauvaise expérience utilisateur .

L'interaction avec Next Paint (INP) mesure la latence des interactions de notre site Web. Voici quelques exemples de ces interactions :

• Un événement de souris - comme cliquer sur un bouton pour changer les couleurs d'un article vestimentaire.
• Un élément interactif activé sur un écran tactile avec un doigt - peut-être sur une carte.
• Appuyer sur une touche d'un appareil mobile ou d'un ordinateur de bureau — pour afficher la réponse à une question.

Votre site Web a-t-il beaucoup d'interactions? Exploitez-vous des plateformes de commerce électronique ou d'apprentissage en ligne ? Puisque vous savez que les utilisateurs ne voudront pas attendre cet événement de souris, INP est assez excitant.

Vous pouvez maintenant voir quelles interactions vous ralentissent et peut-être voir où vous perdez des conversions en raison d'un temps de réponse lent.

Combien d'argent votre site de commerce électronique perd-il à cause de la latence, de mauvaises performances et, pour être franc, d'un hébergeur WordPress géré dont la technologie est obsolète pour les attentes des clients d'aujourd'hui ?

Rocket.net

Comment puis-je mesurer l'interaction de Google avec la prochaine métrique de peinture ?

Pour mesurer l'interaction de Google avec Next Paint, rendez-vous sur PageSpeed ​​Insights pour mesurer l'INP de votre page. Rappelles toi. Vous mesurez cette page - pas l'ensemble de votre site Web.

INP est similaire à Cumulative Layout Shift (CLS) en ce sens que les valeurs de mesure changent au fur et à mesure que l'utilisateur reste sur votre page Web. Une fois que l'utilisateur a quitté la page, la mesure est effectuée, créant une valeur INP globale. Certaines pages auront plus d'interactions que d'autres. Les interactions de certaines pages peuvent ne pas se produire si une action n'est pas choisie.

Ce n'est pas parce que vous réussissez les signes vitaux maintenant que vous réussirez le mois prochain. Les éléments vitaux Web de base sont expérimentaux et changeants. Revenez régulièrement et restez curieux !

Un site Web réactif signifie plus que des blocs flexibles dans votre CSS

Mesurer l'interaction avec Next Paint est assez excitant car nous pouvons maintenant mesurer la réactivité de notre site Web sous les doigts de nos utilisateurs. Vous vous souvenez quand un site Web réactif signifiait que notre menu s'est effondré en un hamburger ?

Et ce n'est pas seulement le mobile qui compte pour les signes vitaux. Les vues de bureau sont tout aussi importantes, surtout si nous parlons de ces sites Web sur lesquels les gens prennent leur temps.

L'interaction avec Next Paint consiste à mesurer le temps nécessaire aux éléments de la page pour répondre à une interaction. Nous pouvons maintenant voir combien de temps il faut pour qu'une image de produit change si l'utilisateur choisit une autre couleur ou combien de temps la réponse prend pour apparaître à l'écran. La vitesse ici peut être un coup de grâce pour de nombreux utilisateurs. N'oubliez pas que la vitesse gagne.

Raccourcir la latence entre les étapes de chaque interaction rend un site Web vraiment réactif. Une fois les problèmes de rapidité résolus, vous pouvez vous concentrer sur ce qui compte vraiment : améliorer l'expérience quotidienne des clients de votre agence avec leur entreprise.

La vitesse est si importante sur un site Web parce que vous voulez attirer et fidéliser des clients potentiels. Et vous voulez qu'ils le disent à leurs amis. Ce qui empêche les gens de rester sur votre site – et de se convertir – est une mauvaise expérience de site Web.

Rocket.net

Les micro-interactions font la différence entre un bon site Web et un excellent site Web

Enregistrez la latence d'interaction. Débarrassez-vous des interactions, dites-vous ?

Les microinteractions sont de petites choses qui donnent à nos utilisateurs le sentiment de pouvoir faire quelque chose. C'est le sentiment de ne plus être un participant insignifiant et rigide mais de pouvoir bouger, dire ou changer quelque chose avec peu d'effort. L'utilisateur est engagé de manière ludique sans que les choses ne se compliquent. Gamification, non ?

Les micro-interactions font toute la différence dans notre expérience en ligne, alors ne jetez pas le bébé avec l'eau du bain juste pour économiser le nettoyage de la baignoire.

De plus en plus, les marques cherchent à favoriser les liens avec leurs clients. Bien qu'une grande attention ait été accordée aux canaux de communication, il est tout aussi important de profiter des micro-moments où vous pouvez offrir aux clients une expérience utilisateur positive.

UsabilitéGeek.com

Parler n'est pas cher. Laissez Rocket vous montrer ce que signifie VRAIMENT l'hébergement WordPress le plus rapide !

Économiser les performances du site, le temps et l'argent de votre agence ? Oui. La plate-forme Rocket possède des fonctionnalités intégrées qui éliminent votre besoin de versions autrement payantes de plug-ins de sécurité, d'optimisation d'image, de CDN et de chargeur de contenu JS. Ce sont des fonctionnalités intégrées à votre nouvelle plate-forme préférée (le produit anciennement connu sous le nom d'hébergement WordPress géré).

Parlons de la façon dont nous pouvons migrer votre site vers Rocket.net, l'hébergement WordPress le plus rapide disponible n'importe où. Lancez votre mission aujourd'hui !