septembre 16, 2021
Quatre façons d'améliorer la vitesse des pages et de maîtriser Core Web Vitals

Quatre façons d'améliorer la vitesse des pages et de maîtriser Core Web Vitals

Résumé en 30secondes:

  • Les sites Web bien classés sur Google ont tendance à avoir un score Core Web Vitals plus élevé
  • Il existe trois éléments essentiels du Web qui constituent la majorité du score global de vitesse de page du site
  • Prioriser l'expérience utilisateur dans la conception Web et les campagnes de marketing pourrait vous donner un avantage concurrentiel
  • Ce guide complet vous prépare au déploiement de la nouvelle mise à jour de l'algorithme de recherche Google

La dernière mise à jour majeure de Google à son algorithme de recherche se concentre grandement sur l'expérience utilisateur grâce à un nouvel ensemble de mesures de facteur de classement, appelé Core Web Vitals . Les premiers résultats des audits Core Web Vital révèlent que le site Web moyen fonctionne en deçà de ces nouvelles normes. Les recherches de Searchmetrics ont révélé qu'en moyenne, les sites pouvaient réduire le temps de chargement des pages de près d'une seconde en supprimant le code JavaScript inutilisé.

Cela fournit un opportunité incroyable de surpasser d'autres sites Web en améliorant le classement de vos propres pages.

Voici tout ce que vous devez savoir sur Core Web Vitals plus quatre simples étapes pour améliorer vos métriques.

Contenu créé en partenariat avec Searchmetrics. Quelles sont les métriques Core Web Vitals ?

Core Web Vitals est une extension des signaux d'expérience de page de Google qui incluent la convivialité mobile et les HTTP. Les trois métriques Core Web Vitals mesurent les performances de chargement, l'interactivité et la stabilité visuelle, que Google considère comme fournissant une représentation précise d'une expérience utilisateur réelle.

  1. La plus grande peinture de contenu (LCP) mesure le temps de chargement de la plus grande image ou du plus grand bloc de texte visible dans le point de vue de l'utilisateur.
  2. Le délai de première entrée (FID) mesure l'interactivité sur la page en calculant le temps écoulé entre le moment où un utilisateur interagit pour la première fois avec le site et le moment où le navigateur répond à cette interaction.
  3. Le décalage de mise en page cumulatif (CLS) fait référence à la quantité de décalage du contenu pendant le rendu de la page.

Comment vérifier les informations sur la vitesse de votre page

Il existe de nombreux outils en ligne qui vérifient le score de classement de votre page , y compris PageSpeed ​​Insights, Chrome User Experience Report, Lighthouse Audit et Search Console. Ces sites mesurent la vitesse des pages dans divers éléments et affichent les résultats à l'aide d'un système de feux de circulation. PageSpeed ​​Insights fournit une ventilation des résultats et met en évidence les domaines d'amélioration.

” performances moyennes en chiffres ?

    Pour fournir une bonne expérience utilisateur

    , LCP devrait se produire dans les 2,5 secondes suivant le début du chargement de la page. Les pages doivent avoir un FID inférieur à 100 millisecondes et maintenir un CLS inférieur à 0,1.

    Les sites Web, comme Wikipedia, ont le plus score de vitesse de page dû à une approche légère de la conception Web, utilisant principalement du texte et des images optimisées

    . Les sites Web qui dépendent fortement du contenu vidéo et des images sont plus lents à charger et rendent l'expérience utilisateur médiocre. Par conséquent, il y a un équilibre à trouver entre le design et l'expérience utilisateur.

    Voir où votre site se classe. Visitez PageSpeed ​​Insights

    et entrez votre URL. Remarque : le nombre supérieur est votre score Lighthouse, également appelé score PageSpeed, mesurant de zéro à 100. Bien qu'il s'agisse d'une bonne référence générale pour les performances de votre site. Ce n'est pas entièrement lié aux trois métriques Core Web Vitals, qui doivent être considérées comme une analyse de LCP, FID et CLS.

    Comment améliorer la vitesse de votre page

    Passer c'est envisagé d'obtenir un « bon » score dans les trois domaines. Faire de petits changements peut améliorer le score de vitesse de la page d'une seconde seulement, ce qui peut faire passer le site d'un score «mauvais» ou «à améliorer» dans LCP à un «bon». La réduction du temps de chargement rendra les utilisateurs plus heureux et augmentera le trafic vers le site.

    Tom Wells, expert en marketing créatif chez Searchmetrics, déclare:

    « N'importe quoi ce n'est pas nécessaire sur un site Web ne devrait pas être là.

    En termes simples, l'identification et la suppression d'éléments qui ne sont pas utilisés ou qui ont un but substantiel pourraient améliorer le score de vitesse de page du site.

    1. Images surdimensionnées

Les images mal optimisées sont l'une des principales causes affectant le score LCP d'un site car c'est généralement le plus gros élément à charger. Les entreprises de commerce électronique et celles qui dépendent fortement des images peuvent avoir des scores LCP plus faibles en raison du rendu des pages de plusieurs images haute résolution.

Optimisation Ces actifs en utilisant une conception réactive ou un formatage d'image de nouvelle génération tel que WebP, JPEG 2000 et JPEG XR peuvent améliorer le score en réduisant le temps de rendu. Souvent, les images peuvent être condensées à une taille beaucoup plus petite sans affecter la qualité de l'image. Des ressources gratuites comme Squoosh peuvent le faire pour vous.

2. Contenu dynamique et annonces

Le chargement d'annonces sur une page Web est l'une des principales causes de un mauvais score CLS. Cela peut être dû au déplacement d'éléments sur la page pour s'adapter aux publicités dynamiques, ce qui rend l'expérience utilisateur médiocre.

Utilisation d'une mise en œuvre intelligente Une méthode telle que l'attribution d'attributs de taille ou de boîtes de rapport d'aspect CSS pour toutes les annonces, vidéos et éléments d'image est un moyen de réduire le changement de contenu. Certaines entreprises peuvent utiliser un plugin ou un codage en haut du site Web pour placer les annonces. Cependant, cela pourrait conduire à un site Web plus lent, affectant négativement et indirectement l'expérience de l'utilisateur. du contenu existant, sauf en réponse à des interactions spécifiques de l'utilisateur, car cela garantit tout changement de mise en page qui se produit. Par exemple, lorsque vous cliquez sur un bouton CTA et qu'un formulaire s'affiche, il s'agit d'une exception.

3 . Économie Web centrée sur les plugins

Les plugins peuvent agir comme «du plâtre sur les fissures» pour résoudre problèmes de site Web, dit Wells. Malgré la création d'un correctif temporaire, il peut ralentir et entraver les performances Web, car tout le code doit être chargé avant que l'utilisateur ne puisse interagir pleinement avec la page Web.

L'utilisation de plugins peut augmenter le nombre de demandes du serveur et augmenter le temps d'exécution de javascript. Tous ces facteurs peuvent faire baisser le score FID du site.

«Souvent, nous recherchons des correctifs et des solutions avancés, mais parfois c'est aussi simple que de supprimer ce qui n'est pas nécessaire», explique Wells.

Par conséquent, la suppression de certains plugins, notamment ceux inutilisés, peut améliorer la réactivité et vitesse du site Web.

4. Trop de code

Google conseille de se concentrer sur les performances globales du site Web.

«C'est essentiel pour la réactivité et des sites Web bien notés pour être aussi légers que possible », explique Wells.

« Plus un serveur doit charger de choses, plus le temps de chargement sera globalement lent. »

Bien que les CSS et JavaScript inutilisés n'aient pas d'impact direct sur le score de vitesse de la page, ils peuvent néanmoins avoir un impact sur les temps de chargement du site, créer une surcharge de code et avoir un impact négatif sur l'expérience utilisateur.

Quand dois-je commencer ?

Le déploiement par Google du nouvel algorithme a commencé à la mi- juin, il vaut donc la peine de commencer à examiner les résultats de votre site aux tests de vitesse des pages. Les sites Web qui se classent bien ont tendance à avoir des scores Core Web Vitals plus élevés et cette tendance devrait se poursuivre car Google met davantage l'accent sur l'expérience utilisateur.

Vous voulez plus d'informations essentielles sur le Web? Lisez l'étude Google Core Web Vitals de Searchmetrics, avril 2021

.

Laisser un commentaire

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