Étant donné que Google donnera un coup de pouce au classement des sites Web rapides, vous souhaitez probablement en savoir plus sur les informations Google PageSpeed ?
…Et je ne suis pas surpris car c’est déroutant !
Cet article va vous aider.
Pourquoi la vitesse des pages du site Web est-elle importante ?
Google souhaite offrir aux utilisateurs la meilleure expérience utilisateur possible.
Si votre site Web est lent, cela frustrera les utilisateurs et créera une mauvaise expérience utilisateur. Est simple. La performance affecte l’expérience.
Google a récemment annoncé que le éléments vitaux du web de base ils seront utilisés dans le cadre de leur algorithme de classement en 2021. Ces métriques Web fondamentales sont des indicateurs de la rapidité avec laquelle les gens peuvent interagir avec votre page.
Fondamentalement, pour ce tableau ci-dessous, vous ne pouvez pas être “rouge”
Qu’est-ce que Google PageSpeed Insights ?
Il s’agit d’un outil gratuit fourni par Google qui vous permet de saisir l’URL d’une page Web et d’exécuter rapidement un test pour vérifier diverses mesures de performance.
L’outil attribue alors à votre page un score compris entre 0 et 100 points. Marquer n’est pas vraiment une question de vitesse. Vous pouvez obtenir un meilleur score si vous avez utilisé les recommandations typiques d’amélioration de la vitesse de Google.
Il vous montre également les paramètres exacts qui ralentissent votre page et des suggestions pour 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 avoir exécuté un test est le score de performance (ordinateur et mobile) de la page testé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 – D’accord, mais place à l’amélioration
- 90 à 100 – Si vous êtes sur 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 :
- Vert signifie rapide
- Orange signifie modéré
- Rouge signifie lent
Voici ce que chacune de ces sections signifie :
Première peinture ContentFul
C’est le temps qu’il faut entre le navigateur naviguant sur une page 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.
Orientation:
Temps d’interactivité
Ce paramètre montre à quelle vitesse une page devient interactive.
Cela signifie que la page affiche suffisamment d’éléments à l’écran pour que les utilisateurs puissent réellement interagir avec, par exemple en cliquant sur un bouton de menu.
Parfois, les sites Web peuvent se concentrer sur la visibilité, c’est-à-dire tout afficher avant de pouvoir interagir avec le contenu, ce qui peut être frustrant pour l’utilisateur.
Orientation:
Temps de blocage total
Il y a un décalage entre le moment où le visiteur de votre site Web voit le contenu sur son écran et le moment où il peut interagir avec celui-ci.
C’est le temps de blocage total !
Il est bon de savoir si les gens ne peuvent pas faire des choses comme des clics de souris, des tapotements sur l’écran ou des pressions sur des mots clés avant que votre site Web ne soit interactif.
Les activités longues sont des activités qui vous figent pendant plus de 50 ms.
Tout dépassement de 50 ms est considéré comme un temps de bloc.
S’il n’y a pas d’activité longue, vous verrez 0 temps de blocage, ce que vous voyez dans les statistiques ci-dessus.
Changement de mise en page cumulé
Un décalage de mise en page se produit lorsqu’un élément visuel apparaît à 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, donc l’emplacement de 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é, pire c’est.
Indice de vitesse
C’est difficile à comprendre mais précieux.
Imaginez donc 2 sites Web chargés en 1,5 seconde.
Si vous parcouriez les 2 sites Web présentés dans l’image ci-dessus, lequel se chargerait le plus rapidement ?
Les deux sont entièrement chargés en 1,5 seconde, mais comme le premier site a commencé à afficher certains éléments plus tôt, cela semblait être plus rapide pour l’utilisateur.
Si vous ne mesurez que le temps de chargement, ils sont égaux.
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 du chargement 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 visionné à ce moment particulier.
Ce processus est répété plusieurs fois.
Le temps est basé uniquement sur ce que l’utilisateur peut voir à l’écran (la fenêtre). Peu importe ce qu’il y a sous le pli.
Donc… c’est bien d’essayer avec différentes fenêtres.
Si vous avez 2 sites Web et que l’un affiche des visuels avant l’autre, il se retrouvera avec un indice de vitesse inférieur.
Plus c’est bas, mieux c’est.
La plus grande peinture de contenu
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é au fur et à mesure que 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 (comme une grande image) ou il peut ne pas l’être.
Remarque : Nous ne parlons pas de l’espace qu’il occupe sur l’écran.
Voici 2 exemples.
Le moment entre le moment où le site Web a commencé à apparaître et le moment où la dernière image de la page a été vue serait considéré comme la plus grande peinture de contenu. C’est parce que l’image occupe la majeure partie de l’espace sur la page !
Mais…
Dans le cas ci-dessous, l’image “Instagram” était la plus grande image affichée, donc la peinture avec le plus grand contenu est lorsque l’avant-dernière capture d’écran a été chargée.
Le dernier écran est à prix réduit. Tout ce qui a été ajouté à cette capture d’écran était le “bouton de lecture Google”, qui était une image plus petite que celle “Instagram”.
Selon Google, si vous souhaitez offrir une bonne expérience utilisateur, le LCP doit se produire dans les 2,5 secondes suivant le début du chargement de la page.
Orientation:
Chance
La section Opportunités affiche des suggestions qui pourraient aider à améliorer le temps de chargement de la page.
Chaque recommandation indique également la réduction estimée du temps de chargement de la page si vous implémentez la recommandation.
Diagnostique
Les diagnostics mettent en évidence les meilleures pratiques en développement web que vous devriez envisager de mettre en œuvre.
Cependant, même si vous apportez ces améliorations, elles n’affecteront pas directement le score de performance de votre page.
Améliorer la vitesse de votre site Web signifie offrir à vos visiteurs une meilleure expérience. Avoir un site qui se charge rapidement rend les utilisateurs et les moteurs de recherche plus heureux, mais cela affecte également 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.
Nous espérons que cet article vous a aidé à comprendre le fonctionnement de cet outil et la signification réelle des résultats du test afin que vous puissiez commencer à optimiser vos pages Web pour créer une expérience incroyable pour vos visiteurs.
