La vitesse est donc importante, mais qu'entendons-nous exactement par là ? Qu'est-ce qu'un site rapide ?
Il est fréquent d'entendre parler du chargement de leur site Web en x,xx secondes ou une durée similaire, mais le chargement n'est pas ponctuel.C'est une expérience qu'une seule métrique ne peut pas capturer complètement. Plusieurs moments du chargement peuvent avoir une incidence sur la perception de l'utilisateur comme étant "rapide". Si vous vous concentrez uniquement sur l'un d'entre eux, vous risquez de passer à côté des mauvaises expériences qui se produisent pendant le reste du temps.
Plutôt que de mesurer la charge avec une seule métrique, vous devez chronométrer chaque moment de l'expérience qui affecte la perception de l'utilisateur sur la vitesse de chargement. Lorsqu'un utilisateur accède à une page Web, il recherche généralement certains types de commentaires:
Les métriques de performances traditionnelles telles que le temps de chargement ou le temps DOMContentLoaded ne sont pas fiables, car leur occurrence peut correspondre ou non à ces étapes de commentaires. Des métriques supplémentaires sont donc apparues. Elles peuvent être utilisées pour comprendre quand une page fournit ces commentaires à ses utilisateurs:
Il est important de comprendre les différentes informations fournies par ces métriques, puis de déterminer celles qui sont importantes pour votre expérience utilisateur. Certaines marques définissent même des métriques personnalisées supplémentaires en fonction des attentes des utilisateurs vis-à-vis de leur service. Dans le cas de Pinterest, les utilisateurs veulent voir des images. Ils ont donc défini une métrique personnalisée, Pinner Wait Time (Temps d'attente Pinner), qui combine le délai avant interactivité (Time to Interactive) et le temps de chargement des images au-dessus de la ligne de flottaison.
Même si la charge s'étend sur plusieurs moments, il peut être utile de n'avoir qu'une seule métrique à des fins de création de rapports ou de comparaison: l'indice de vitesse et le score Lighthouse peuvent être utilisés de cette manière.