La vitesse est importante, mais qu'entendons-nous exactement par là ? Qu'est-ce qu'un site rapide ?
Il est courant d'entendre des personnes parler du chargement de leur site Web en x,xx secondes ou plus.Toutefois, un chargement n'est pas un moment unique : il s'agit d'une expérience qu'aucune métrique ne peut capturer entièrement. Plusieurs moments de l'expérience de chargement peuvent déterminer si un utilisateur la perçoit comme "rapide". Si vous ne vous concentrez que sur un seul 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 la vitesse de chargement par l'utilisateur. 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 ou non correspondre à ces jalons de commentaires. Des métriques supplémentaires ont donc été créées pour comprendre quand une page envoie ces commentaires à ses utilisateurs:
Il est important de comprendre les différents insights offerts par ces métriques, puis de déterminer ceux qui sont importants pour votre expérience utilisateur. Certaines marques définissent même des métriques personnalisées supplémentaires spécifiques aux attentes des utilisateurs concernant leur service. Dans le cas de Pinterest, les utilisateurs souhaitent voir des images. L'entreprise a donc défini une métrique personnalisée, Temps d'attente des utilisateurs de Pinterest, qui combine le temps de chargement de l'image au-dessus de la ligne de flottaison et le temps de chargement de l'image interactive.
Même si la charge se produit à plusieurs moments, il peut être utile d'utiliser une seule métrique pour simplifier les rapports ou les comparaisons. Vous pouvez utiliser à cette fin l'indice de vitesse et le score Lighthouse.