Publié le 30 juin 2021, modifié le 1 mai 2024 par Lucie Blanchard

Que sont les éléments essentiels du Web ?

Les éléments essentiels du Web pour l’expérience utilisateur sont les suivants :

  • La plus grande peinture à contenu (LCP) : Cette métrique mesure le temps nécessaire pour que le contenu principal d’une page Web apparaisse aux utilisateurs. Google recommande un LCP inférieur à 2,5 secondes.
  • Délai de première entrée (FID) : FID mesure le temps de réponse de votre page Web lorsqu’un utilisateur interagit avec la page pour la première fois.

    Cela inclut les clics sur les liens, les appuis sur les boutons et les actions JavaScript personnalisées. Google recommande un FID inférieur à 100 millisecondes.

  • Décalage de mise en page cumulatif (CLS) : Cela mesure le nombre de changements de mise en page qui déplacent de manière inattendue le contenu principal de la page Web.

    Ces changements affectent la capacité de l’utilisateur à lire le contenu et à interagir correctement avec la page. Google recommande un score CLS de 0,1 ou moins.

  • Google a intégré Core Web Vitals dans plusieurs de ses meilleurs outils pour les développeurs et les webmasters, à commencer par le rapport sur l’expérience utilisateur de Chrome.

    Ce rapport collecte des données réelles auprès des utilisateurs lorsqu’ils naviguent sur le Web, puis les partage avec les développeurs via des outils tels que PageSpeed ​​Insights et Google Search Console. PageSpeed ​​Insights analyse les performances de votre page Web et fait des suggestions sur la façon d’augmenter sa vitesse. Il passe en revue les trois principaux Web Vitals sur les navigateurs mobiles et de bureau.

    Les données de champ font référence aux données utilisateur réelles du rapport d’expérience utilisateur Chrome. Dans Google Search Console, vous trouverez Core Web Vitals pour vos pages Web. La console de recherche Google utilise les données du rapport d’expérience utilisateur Chrome pour vous montrer les problèmes sur votre site Web.

    L’extension Chrome Web Vitals vous permet de voir Core Web Vitals lorsque vous naviguez sur le Web ou lorsque vous apportez des modifications à vos pages Web. L’extension peut également examiner les scores actuels de vos concurrents. Il utilise la bibliothèque Web-vitals ainsi que les données de terrain du rapport d’expérience utilisateur Chrome.

    Chacun de ces outils vous permet d’afficher le LCP, le FID et le CLS de votre site Web. Les sites Web avec trop peu de trafic peuvent manquer certaines métriques, notamment dans Google Search Console. Pour un examen rapide de vos Core Web Vitals, vous pouvez démarrer un projet pour votre site Web dans Semrush.

    À l’aide de l’outil d’audit de site, vous pouvez voir le LCP et le CLS pour 10 pages de votre choix : vous ne pourrez pas examiner votre FID avec l’outil d’audit de site, mais il suit une métrique similaire : temps de blocage total (TBT ). En savoir plus sur le fonctionnement de cette métrique avec le guide de Semrush pour mesurer la CWV avec l’outil d’audit de site. Recherchez et corrigez les erreurs de plan de site avec l’outil d’audit de site Vous pouvez afficher vos principaux Web Vitals pour les navigateurs de bureau et mobiles, mais vous devrez créer un projet pour chaque appareil.

    Lorsque vous réexécutez votre audit, l’outil renvoie toutes les modifications apportées à vos signes vitaux depuis le dernier audit. Cela peut être utile si vous mettez à jour plusieurs pages à la fois pour améliorer les performances.

    Pourquoi les éléments essentiels du Web sont importants

    Google a officiellement ajouté Core Web Vitals à son algorithme de recherche.

    Le déploiement complet de la mise à jour de l’expérience de la page devrait être terminé d’ici août 2021. L’amélioration de votre LCP, FID et CLS pourrait avoir un impact positif sur vos utilisateurs et votre classement sur les pages de résultats de recherche mobile. Une augmentation d’une seule position sur la première page des résultats de recherche peut entraîner une augmentation considérable du trafic.

    Il en va de même pour l’expérience utilisateur. Si vous pouvez améliorer l’expérience utilisateur, cela peut entraîner une augmentation considérable des affaires grâce à des références positives de bouche à oreille, des critiques et des affaires répétées. Fournir une mauvaise expérience utilisateur sous la forme d’un site Web à chargement lent peut entraîner une augmentation défavorable du taux de rebond.

    Un taux de rebond plus élevé peut signifier que les gens quittent votre site Web sans faire défiler, cliquer ou, plus important encore, convertir. Google a constaté que le taux de rebond d’une page Web dont le chargement prend une à cinq secondes augmente de 90 %.

    Comment améliorer Core Web Vitals

    Maintenant que vous savez ce que sont les Core Web Vitals et comment les mesurer sur votre site Web, examinons quelques recommandations pour les améliorer ainsi que l’expérience de votre utilisateur.

    Le niveau de contrôle que vous avez sur votre site Web et votre serveur dépend de la plate-forme que vous utilisez pour votre site Web (WordPress, Shopify, etc.) et de votre société d’hébergement Web.

    Comment améliorer la plus grande peinture de contenu

    Google propose plusieurs conseils pour optimiser votre site Web et améliorer la métrique de la peinture la plus grande pour vos pages Web.

    Commencez par votre serveur Web. Si vous rencontrez de sérieux retards, il est peut-être temps de mettre à niveau votre hébergement Web d’un serveur partagé à un serveur dédié. Considérez tous les processus en cours d’exécution sur votre site Web qui peuvent être désactivés ou mieux optimisés pour les performances.

    Sur un site WordPress, par exemple, vous pouvez réduire le nombre de processus gérés par votre base de données en supprimant les plugins obsolètes ou inutilisés. Le deuxième conseil proposé par Google est d’utiliser un réseau de diffusion de contenu (CDN). Les services CDN sont parfois inclus dans les plans d’hébergement de niveau entreprise.

    Sinon, vous pouvez vous tourner vers des services comme Google Cloud ou Cloudflare pour augmenter vos temps de chargement en distribuant votre contenu sur des serveurs à travers le monde. Les services CDN garantissent que votre site Web se charge rapidement, quelle que soit la distance à laquelle se trouvent les utilisateurs de votre serveur Web. Ensuite, mettez en cache votre contenu afin que les pages HTML soient d’abord mises en cache.

    Lorsque votre contenu HTML statique est mis en cache, il n’a pas besoin d’être chargé chaque fois qu’un utilisateur visite votre page Web. Les propriétaires de sites Web WordPress peuvent utiliser des plugins de mise en cache comme W3 Total Cache ou WP Fastest Cache pour mettre automatiquement en cache votre contenu pour un chargement plus rapide. Si vous utilisez un autre service, il peut avoir des paramètres de mise en cache que vous pouvez configurer pour mettre en cache votre contenu.

    Notez que les services de mise en cache ne peuvent pas gérer les demandes de serveur provenant de services tiers comme Facebook. Les préconnexions peuvent également améliorer les vitesses de chargement. Ceux-ci sont nécessaires lorsque vous chargez du contenu provenant d’un domaine autre que le vôtre.

    Au lieu de charger de nouveaux éléments à partir d’autres domaines sur toute la page, utilisez la préconnexion comme suit dans la section HEAD du code HTML de votre page Web :
    En établissant ces connexions à l’avance, votre page n’aura pas à s’arrêter sur le contenu principal partiellement chargé pour fournir des images ou d’autres ressources aux visiteurs de votre site Web. Vous pouvez également précharger des ressources externes telles que CSS et JavaScript avec le code suivant : href= »style.css »> Cela garantira qu’ils sont chargés au début et évitera d’empêcher le chargement complet du contenu.

    D’autres moyens d’optimiser CSS et JavaScript incluent la « minification » (suppression des caractères inutiles) des feuilles de style et des scripts, la suppression du code inutilisé et le déplacement du code non nécessaire pour le chargement initial de la page Web vers une ressource préchargée. Pour le code le plus critique, pensez à l’ajouter en ligne. Google recommande CSSnano et csso pour minifier CSS, et UglifyJS pour minifier JavaScript.

    Vous pouvez également minifier le HTML avec HTML Minifier. Google Chrome DevTools dispose d’une fonctionnalité de couverture qui analyse l’utilisation de CSS et de JavaScript sur votre page. Il peut identifier le code qui peut être déchargé vers une ressource préchargée, en supposant qu’il n’est pas utilisé par quelque chose dans votre pile technologique.

    Les échanges signés (SXG) permettent aux sites Web de certifier le contenu fourni à partir de leur domaine par l’intermédiaire d’un tiers. Google s’est associé à Cloudflare pour créer une URL réelle AMP, permettant aux éditeurs d’afficher l’URL d’origine de leur contenu sur le contenu AMP à partir des résultats de recherche Google. Les sites Web qui reçoivent du trafic provenant de la recherche verront une augmentation de LCP après la mise en œuvre des SXG.

    Vous pouvez également améliorer votre LCP en optimisant et en compressant tous les fichiers texte, images, vidéos et éléments de bloc utilisés sur vos pages Web. Considérez les images insérées dans le code HTML de la page ainsi que les images utilisées dans l’arrière-plan ou les éléments de conception de vos fichiers CSS ou de thème. Pour plus de détails techniques sur LCP, reportez-vous au rapport préliminaire du groupe communautaire W3C.

    Comment améliorer le premier délai d’entrée

    L’amélioration du délai de première entrée pour votre site Web repose sur l’optimisation de votre JavaScript et de l’utilisation de scripts tiers. Ces derniers font généralement référence aux outils d’analyse de site Web et à tout code qui appelle un script à partir d’un autre site Web. Comme mentionné précédemment, vous pouvez optimiser l’utilisation de JavaScript en réduisant (supprimant les caractères inutiles) des scripts, en supprimant le code inutilisé et en déplaçant le code non nécessaire pour le chargement initial de la page Web vers une ressource préchargée.

    Utilisez la fonction de couverture de Google Chrome DevTools pour identifier le code qui peut être déchargé vers une ressource préchargée. Google recommande UglifyJS pour minifier JavaScript. Vous pouvez également minifier le HTML avec HTML Minifier et CSS avec CSSnano et csso.

    Vous pouvez en savoir plus sur les détails techniques de l’API Event Timing qui analyse la latence des interactions des utilisateurs dans un rapport du groupe communautaire W3C.

    Comment améliorer le décalage de mise en page cumulatif

    Pour améliorer le score CLS de vos pages Web, vous devez indiquer au navigateur l’espace à donner aux éléments lors de leur chargement. Vous pouvez le faire en ajoutant des attributs de taille spécifiques aux images et aux vidéos.

    Alternativement, vous pouvez utiliser des boîtes de rapport d’aspect en CSS. Les deux atteindront l’objectif souhaité d’empêcher un changement inattendu de contenu lors du chargement de la page. L’utilisation d’indicateurs sur la page est également recommandée pour les éléments qui se déplaceront lorsqu’ils seront chargés après qu’un utilisateur interagit avec la page.

    Faire savoir à l’utilisateur que des éléments se chargent sur la page peut l’empêcher de cliquer sur des éléments de déplacement.

    Dernières pensées

    Si vous ne savez pas à quel point votre site Web fonctionne avec les utilisateurs, passez en revue les éléments essentiels du Web de vos pages principales en visitant le tableau de bord du projet de votre site Web dans Semrush et en sélectionnant l’outil d’audit de site. Pour afficher les éléments essentiels du Web pour vos dix pages, cliquez sur le bouton Afficher les détails et relancez votre campagne pour les navigateurs de bureau et mobiles.

    En savoir plus sur l’utilisation de l’outil d’audit de site pour améliorer Core Web Vitals dès aujourd’hui.

    FAQ

    Quelle est la vitesse de ma page ?

    La vitesse de votre page dépend de plusieurs facteurs tels que la taille des images, le nombre de scripts utilisés et la qualité de l'hébergement. Pour connaître précisément la vitesse de votre page, il est recommandé d'utiliser un outil en ligne dédié à cette mesure.

    Vous pourrez ainsi optimiser les éléments qui ralentissent votre page et améliorer son temps de chargement pour une meilleure expérience utilisateur.

    Comment optimiser la vitesse de téléchargement ?

    Pour optimiser la vitesse de téléchargement, il est recommandé de limiter le nombre d'applications et de fichiers en cours de téléchargement. Il est également important d'avoir une bonne connexion internet avec un débit élevé. Certaines astuces consistent aussi à utiliser un gestionnaire de téléchargement pour accélérer les transferts et à privilégier des horaires creux où le réseau est moins chargé.

    Enfin, veillez à régulièrement nettoyer votre ordinateur afin d'éviter toute surcharge qui pourrait ralentir les téléchargements.

    Comment améliorer la vitesse d'accès à internet ?

    Pour améliorer la vitesse d'accès à internet, il est conseillé de se connecter à un réseau wifi plutôt que d'utiliser les données mobiles. De plus, vérifiez la qualité de votre connexion en faisant un test de débit et éloignez-vous des interférences telles que les appareils électromagnétiques ou les murs épais.

    Enfin, si vous rencontrez toujours des problèmes de vitesse, envisagez de changer de fournisseur d'accès internet pour une offre plus performante.

    Existe-t-il un boîte de vitesse automatique au format PDF ?

    Malheureusement, il n'existe pas de boîte de vitesse automatique au format PDF. Les boîtes de vitesses automatiques sont des composants mécaniques qui ne peuvent être représentées sous forme de fichier numérique. Cependant, il est possible de trouver des documents PDF contenant des informations et des schémas sur les différents types de boîtes de vitesses automatiques existantes sur le marché.

    Ces fichiers peuvent être utiles pour mieux comprendre leur fonctionnement et leur utilisation.

    Comment augmenter ma vitesse d'internet ?

    Pour augmenter votre vitesse d'internet, plusieurs solutions s'offrent à vous. Tout d'abord, vérifiez que votre modem ou routeur est bien à jour et compatible avec votre fournisseur d'accès. Ensuite, essayez de rapprocher votre appareil des équipements réseau pour améliorer la réception du signal.

    Vous pouvez également passer à une connexion filaire plutôt que sans fil qui peut être sujette aux interférences. Enfin, limitez l'utilisation de données en arrière-plan sur vos applications et veillez à ce que votre ordinateur soit protégé contre les virus et les programmes malveillants pour optimiser les performances de votre connexion internet.

    Categories: SEO

    Lucie Blanchard

    Lucie Blanchard

    S’abonner
    Notification pour
    guest

    Commentaires
    Le plus ancien
    Le plus récent Le plus populaire
    Commentaires en ligne
    Afficher tous les commentaires
    0
    Nous aimerions avoir votre avis, veuillez laisser un commentaire.x