Comment analyser les résultats de Google PageSpeed ​​Insights

NRZ.Digital
0 0

Comment analyser les résultats de Google Page Speed ​​Insights

Vous vous demandez si votre site Web est assez rapide?

Vous avez effectué le test Google Page Speed ​​Insights et vous avez obtenu un score faible, mais les statistiques affichées sont un peu déroutantes?

Alors cet article est pour vous. Il vous aidera à comprendre comment utiliser le test PageSpeed ​​et comment interpréter les résultats.

Pourquoi la vitesse des pages Web est-elle importante?

Google souhaite offrir la meilleure expérience utilisateur possible aux utilisateurs.

Si votre site Web est lent, cela frustrera les utilisateurs et créera une mauvaise expérience utilisateur. C’est aussi simple que ça. La performance influe sur l’expérience.

Google a également ajouté la vitesse du site Web comme facteur de classement sur ordinateur en 2010 et pour mobile en 2018.

Que se passe-t-il d’autre lorsque votre site Web est lent?

Malheureusement, cela éloigne les gens et vous perdez des affaires.

Les gens quitteront votre site Web (rebondiront) sans prendre les mesures que vous souhaitez qu’ils entreprennent. Ils ne s’abonneront pas, ne vous contacteront pas et ne feront pas d’achat.

Si un site Web prend plus de 4 secondes à se charger, 25% de vos visiteurs partiront!

La bonne nouvelle?

C’est quelque chose que vous contrôlez.

Même si votre site Web fonctionne actuellement mal, vous pouvez améliorer la vitesse de la page pour rendre les utilisateurs plus heureux et obtenir les conversions que vous recherchez.

Qu’est-ce que Google PageSpeed ​​Insights?

C’est un outil gratuit fourni par Google qui vous permet de saisir une URL de page Web et d’exécuter rapidement un test pour vérifier les différentes mesures liées aux performances.

L’outil attribue ensuite à votre page un score allant de 0 à 100 points (un score plus élevé reflète une meilleure performance).

Plus important encore, il vous montre les paramètres exacts qui ralentissent votre page ainsi que des suggestions sur la façon de l’améliorer.

C’est là que les choses deviennent techniques et les résultats un peu difficiles à comprendre.

Comment interprétez-vous les résultats?

La première chose que vous voyez après l’exécution d’un test est le score de performance (bureau et mobile) de la page analysée.

Ce sera un nombre compris entre 0 et 100.

  • 0 à 49 – C’est mauvais, vous ne voulez pas que votre score soit de 49 ou moins
  • 50 à 89 – C’est correct mais il y a place à amélioration
  • 90 à 100 – Si vous êtes dans cette échelle, vous êtes dans les bons livres.

En faisant défiler vers le bas, vous verrez ce qui cause un score élevé ou faible:

Remarque: voir les indicateurs de couleur avant chaque section:

  • Le vert signifie rapide
  • Orange signifie modéré
  • Le rouge signifie lent

Voici ce que chacune de ces sections signifie:

Premier contenuFul Paint

C’est le temps qu’il faut entre la navigation vers une page du navigateur et le moment où le contenu commence à s’afficher.

Fondamentalement, c’est un indicateur que la page commence à se charger.

Par exemple, il peut s’agir simplement d’un changement de couleur qui est la couleur d’arrière-plan de la page, une image affichée ou un morceau de texte.

Ceci est important car lorsqu’un utilisateur voit une action, il est plus susceptible d’attendre que la page soit complètement chargée.

Ligne directrice:

Premier contenu métrique complet

Temps d’interactivité

Ce paramètre montre à quelle vitesse une page devient interactive.

Cela signifie une page affichant suffisamment d’éléments à l’écran pour que les utilisateurs puissent réellement interagir avec elle, par exemple, cliquez sur un bouton de menu.

Parfois, les sites Web peuvent se concentrer sur la visibilité, c’est-à-dire afficher tout avant de pouvoir interagir avec le contenu, ce qui peut être frustrant pour l’utilisateur.

Ligne directrice:

Temps de guidage interactif

Temps de blocage total

Il y a un décalage entre le moment où le visiteur de votre site Web voit le contenu à l’écran et le moment où il peut interagir avec celui-ci.

C’est le temps total de blocage!

Il est bon de savoir si les gens ne peuvent pas faire des choses comme le clic de souris, les tapotements d’écran ou les pressions de mots-clés avant que le site Web ne soit interactif.

Les tâches longues sont des tâches qui vous bloquent pendant plus de 50 ms.

Tout ce qui dépasse 50 ms est considéré comme un temps de blocage.

S’il n’y a pas de tâches longues, vous verrez 0 temps de blocage, ce que vous voyez dans les statistiques ci-dessus.

Décalage cumulatif de la disposition

Un changement de disposition se produit lorsqu’un élément visuel est affiché à l’écran mais se déplace ensuite.

Ainsi, par exemple, vous lisez les actualités et il y a un changement de mise en page afin que l’emplacement où se trouve l’article d’actualité a changé.

Il s’agit d’un comportement inattendu du point de vue de l’utilisateur.

Plus le score est élevé, plus il est mauvais.

Indice de vitesse

C’est une question difficile à comprendre mais précieuse.

Alors imaginez 2 sites Web qui se sont tous deux chargés en 1,5 seconde.

Si vous parcouriez les 2 sites Web affichés dans l’image ci-dessus, lequel se chargerait le plus rapidement?

Les deux sont complètement chargés en 1,5 seconde, mais comme le premier site a commencé à afficher certains éléments plus tôt, il semble être plus rapide pour l’utilisateur.

Si vous mesurez simplement le temps de chargement, ce sont les mêmes.

L’indice de vitesse est un score calculé en fonction de la vitesse à laquelle un site Web se charge complètement.

Un enregistrement vidéo de la charge est utilisé pour montrer visuellement quand les bits sont chargés.

À divers intervalles, la quantité de contenu visible à l’écran (au-dessus du pli) est comparée au contenu affiché sur un site Web entièrement chargé pour calculer le pourcentage de contenu affiché pour ce moment particulier.

Ce processus est répété plusieurs fois.

L’heure est uniquement basée sur ce que l’utilisateur peut voir sur l’écran (la fenêtre). Peu importe ce qui se trouve sous le pli.

Alors… c’est bien d’essayer avec différentes fenêtres.

Si vous avez 2 sites Web et que l’un affiche des éléments visuels avant l’autre, il obtiendra un score d’indice de vitesse inférieur.

Le plus bas sera le mieux.

La plus grande peinture Contentful

Il s’agit du temps nécessaire au rendu complet du plus grand élément de la page.

Au fur et à mesure que la page se charge, le premier élément devient l’élément le plus grand, mais il est remplacé lorsque des éléments plus grands sont ajoutés.

Le dernier élément d’une page peut être le plus grand élément de la page (par exemple une grande image) ou ne pas l’être.

Remarque: nous ne parlons pas de l’espace qu’il prend à l’écran.

Voici 2 exemples.

Le temps entre le moment où le site Web a commencé à s’afficher et le moment où la dernière image de la page a été affichée serait considéré comme la plus grande peinture de contenu. C’est parce que l’image occupe le plus d’espace sur la page!

Mais…

Dans le cas ci-dessous, l’image «  Instagram  » était la plus grande image affichée, donc la plus grande peinture de contenu est celle du chargement de l’avant-dernier écran.

Le dernier écran est actualisé. Tout ce qui a été ajouté à cet écran était le «  bouton Google Play  » qui était une image plus petite que celle «  Instagram  ».

Selon Google, si vous souhaitez offrir une bonne expérience utilisateur, le LCP devrait se produire dans les 2,5 secondes suivant le début du chargement de la page.

Ligne directrice:

Opportunités

La section Opportunités vous présente les suggestions susceptibles d’améliorer le temps de chargement des pages.

Chaque suggestion vous montre également une réduction estimée du temps de chargement de la page si vous avez mis en œuvre la recommandation.

Diagnostique

Diagnostics met en évidence les meilleures pratiques de développement Web que vous devriez envisager de mettre en œuvre.

Cependant, même si vous apportez ces améliorations, elles n’auront pas d’incidence directe sur le score de performance de votre page.

Sommaire

Améliorer la vitesse de votre site Web consiste à offrir aux visiteurs une meilleure expérience. Avoir un site qui se charge rapidement rend les utilisateurs et les moteurs de recherche plus heureux, mais cela a également un impact sur votre capacité à convertir les visiteurs en clients.

Un outil comme Google PageSpeed ​​Insights est incroyablement utile car il vous montre par où commencer et sur quels problèmes vous concentrer pour améliorer les performances de votre site Web.

J’espère que cet article vous a aidé à comprendre le fonctionnement de cet outil et ce que signifient réellement les résultats des tests afin que vous puissiez commencer à optimiser vos pages Web pour créer une expérience incroyable pour vos visiteurs.

Articles similaires que vous aimerez peut-être aussi …


Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Laisser un commentaire

Next Post

Guide 2020: Comment régler la dette et retirer du rapport de crédit

Règlement de la dette est essentiel pour assurer la santé financière et maintenir une bonne cote de crédit. Il s’agit de parvenir à un accord avec vos créanciers en remboursant en partie vos dettes et en cherchant à rembourser le montant restant. Si vous envisagez de régler une dette et […]

Abonnez-vous maintenant