Quels sont les principaux signes vitaux du Web?

Dans ce billet de blog, nous apprendrons ce qui est au cœur du réseau et pourquoi vous devriez vous en soucier. En mai 2020, Google a annoncé qu’il commencerait à intégrer l’expérience utilisateur du site dans son algorithme de moteur de recherche. Cela signifie que les sites conviviaux seront classés plus haut que les sites difficiles à utiliser. Ainsi, l’outil Google page speed Insights a obtenu deux nouvelles mesures, comme le plus grand rendu de contenu et les changements cumulatifs de mise en page, qui tentent toutes deux de quantifier l’expérience utilisateur. La console d’administrateur de site de Google a également une partie essentielle du réseau. Si votre site Web échoue à la notation Core Web vitals, Google PageSpeed vous avertira:
Au cours des 30 derniers jours, les données sur le terrain montrent que la page n’a pas dépassé la cote de base Web vitals. Étant donné qu’il s’agit d’un nouveau développement qui n’a pas encore été suffisamment annoncé, de nombreux consommateurs se demandent quels sont les éléments essentiels du réseau et s’ils devraient s’y intéresser. Qu’est – ce qui est essentiel pour le Web de base? Core Web vitals fait partie du programme plus vaste de Google Web vitals. Web vitals fournit des indicateurs de base pour les sites Web sur la santé. Ce sont des ensembles de mesures qui quantifient l’expérience utilisateur. En quantifiant l’expérience utilisateur d’un site Web ou en lui attribuant des numéros, vous pouvez facilement diagnostiquer les problèmes et les améliorer.
L’objectif ultime de l’initiative Web vitals est de fournir des lignes directrices uniformes pour les signaux de qualité. En fournissant aux développeurs (comme aux propriétaires) des données quantifiables qui donnent un aperçu de l’expérience utilisateur du site, le site dans son ensemble commencera à se concentrer davantage sur cet aspect du développement et les utilisateurs finaux commenceront à bénéficier d’une expérience plus facile à utiliser. En même temps, Web vitals est conçu pour faciliter la compréhension, le diagnostic et l’amélioration. Informations essentielles sur le Web
Est une collection d’indicateurs qui vous permettent de visualiser l’expérience utilisateur d’un site Web de façon ciblée. Il existe trois éléments clés de l’information sur le réseau qui sont faciles à comprendre et à améliorer. Ces trois éléments vous aident à mesurer le temps de chargement du site, l’interactivité du site et la stabilité visuelle du site. Examinons chacune des mesures du Web vital de base, discutons de ce qu’il représente, des notes qui le Sous – tendent et de la façon de l’améliorer.
Le plus grand Pigment heureux Le premier élément essentiel du Web est la plus grande peinture de contenu. Si votre score est inférieur à 2,5 secondes, vous êtes bon; si votre score est supérieur à 2,5 secondes, vous devez vous concentrer sur l’amélioration de cet indicateur. Le plus grand rendu de contenu mesure le temps nécessaire pour télécharger le plus grand élément de contenu d’un site Web. Nous avons publié un article sur notre blog qui explore en profondeur comment mesurer les scores, ce qui les a générés et comment vous pouvez les améliorer ici. Quelle est la plus grande peinture joyeuse? Pour résumer ce billet de blog, les éléments de contenu les plus importants d’un site Web sont généralement des images de premier plan ou un bloc de texte (littéralement le plus grand élément de contenu). Assurez – vous que l’élément de contenu maximum chargé en 2,5 secondes obtiendra de bons résultats pour cet indicateur.
En général, le plus grand élément de contenu est une image ou un bloc de texte. Si le LCP est capable de mesurer le temps de chargement de l’image, il sera certainement amélioré par un codage d’image efficace en redimensionnant, compressant et publiant au format de prochaine génération. Si le plus grand élément de contenu est le texte, le fait de se concentrer sur les caractères qui suivent le texte augmente le score. Par exemple, si vous ne préchargez pas le ventilateur, vous pouvez généralement réduire le temps de chargement en ajoutant une balise rel = précharge pendant au moins 1 seconde. Vous pouvez apprendre à le faire en lisant cet article: htt
PS: \/ \/ isotrope. CO \/ comment précharger les polices d’éléments
C’est un indicateur intéressant parce qu’il varie selon la page. Par exemple, sur la page d’accueil, le plus grand élément de contenu peut être un titre. Cependant, sur une page de blog, un élément de contenu plus grand peut être une image de premier plan. Assurez – vous que toutes vos pages sont optimisées pour être chargées le plus rapidement possible, ce qui donnera à votre site un rendu moyen maximum de contenu. Encore une fois, vous voulez marquer moins de 2,5 secondes. Encore une fois, nous avons publié un billet de blog complet sur ce qu’est la plus grande mesure de peinture contextuelle et comment vous pouvez l’améliorer ici. Si vous ne pouvez pas dépasser l’indicateur LCP (score supérieur à 4,0 secondes), il est recommandé de le lire.
Premier délai d’entrée Le deuxième Web de base important est appelé premier délai d’entrée. La première mesure du retard d’entrée mesure l’interactivité de la page. Ce Web important est facile à comprendre parce qu’il mesure exactement ce que signifie le nom: le temps qu’il faut à l’utilisateur pour interagir avec la page pour la première fois jusqu’à ce que le navigateur soit en mesure de répondre à l’interaction. L’interaction de l’utilisateur avec la page varie, mais les interactions les plus courantes sont les clics de boutons, les clics de liens ou les opérations JavaScript. Le minuteur commence à chronométrer le contenu que l’utilisateur interagit avec la page. Une fois que le navigateur répond à cette interaction, le minuteur s’arrête. Comme vous vous y attendiez, c’est en millisecondes parce que c’est un événement rapide.
Officiellement, il s’agit de mesurer les premières impressions des visiteurs sur la vitesse du site. Le premier délai d’entrée est une autre mesure spécifique de la page. Il est également spécifique à l’utilisateur, car le comportement des visiteurs change. Par exemple, un visiteur peut cliquer sur un lien comme première entrée, tandis qu’un autre
Cliquez sur le bouton comme première entrée. Il s’agit d’une mesure plus technique, mais si vous utilisez un bon hébergement, réduisez l’impact du Code de tiers, supprimez les ressources de blocage de rendu et réduisez le temps d’exécution Javascript, votre site passe généralement.
Déplacement cumulé de la disposition Le Web de base le plus récent est essentiel, connu sous le nom de migration de mise en page cumulative. Le déplacement cumulatif de la mise en page est la somme de tous les changements de mise en page qui se sont produits pendant la durée de la page. Lorsque vous chargez une page Web, les éléments plus lents peuvent déplacer le contenu. Par exemple, si vous avez une image plus lente au milieu de votre billet de blog, une fois que l’image est chargée dans le contenu, elle pousse le texte du billet de blog (qui est chargé plus rapidement parce que moins de transfert de données est nécessaire) vers le haut et vers le bas sur la page.
Si vos utilisateurs lisent votre billet de blog et que le contenu se déplace soudainement à partir d’images lentes à charger, cela peut causer une mauvaise expérience, car vos lecteurs risquent de perdre leur place dans votre billet. Nous venons de décrire un changement de mise en page distinct. Ces changements de mise en page individuels sont généralement dus à un chargement plus lent de contenu, comme des images, des annonces ou des iframes, qui déplacent rapidement le contenu chargé (habituellement du texte et des boutons). Il y a de bons et de mauvais changements de mise en page. De bons changements de mise en page sont causés par l’interaction directe de l’utilisateur. Par exemple, si quelqu’un clique sur un bouton qui provoque le chargement d’un projet d’en haut, poussant ainsi le contenu du blog vers le bas, ce bon changement de mise en page ne sera pas compté parce qu’il est activé par l’utilisateur.
Cependant, si vous avez une annonce chargée lentement, poussez le contenu vers le bas