Donc, vous créez l'illusion d'un site rapide

Mais plus important que le temps qu’il faut à un site Web pour se charger, c’est la rapidité avec laquelle l’utilisateur ressent le site. Ici, vous apprendrez la différence entre le temps de chargement perçu et réel, comment les gens perçoivent le temps et comment vous pouvez améliorer le temps de chargement subjectif perçu de votre site Web.

Feutre contre Vs. temps de chargement réel

Le facteur temps peut être considéré d'un point de vue objectif et psychologique. Le temps que vous pouvez mesurer avec le chronomètre est le temps objectif. Cependant, l’optimisation du temps de chargement mesurable objectivement d’un site Web présente des limites technologiques et financières. La tâche des développeurs et des concepteurs Web consiste donc à concevoir la page de manière à ce que l'utilisateur la perçoive comme subjectivement plus rapide qu'elle ne l'est réellement.

Une analogie de la vie quotidienne aide à illustrer la différence entre les deux concepts.

Il y a de nombreuses années, Eurostar, qui relie Londres à Paris avec ses trains express, a investi des milliards de livres sterling pour réduire le temps de trajet entre Londres et Paris d'un bon quart d'heure. Avec cela, on pensait, on ferait une faveur aux clients.

Dans une conférence TED, Rory Sutherland a déclaré à l'époque qu'il aurait peut-être été plus judicieux de rendre le trajet plus agréable pour les passagers, plutôt que de dépenser un montant inimaginable pour une réduction relativement faible du temps de trajet.

Par exemple, pour une fraction du coût, il aurait été possible d’équiper les trains du réseau Wi-Fi, ce qui augmenterait considérablement l'expérience de conduite, l'expérience utilisateur et réduirait sensiblement le temps de trajet perçu. Parce que la réduction du temps de trajet a été à peine remarquée par les voyageurs.

Cette erreur, commise à Eurostar, se produit souvent avec les pages Web. Une manœuvre à des problèmes de performance apparents et perd de vue l'objectif général – l'amélioration de l'expérience utilisateur.

Mais ce n'est pas une valeur de PageSpeed ​​qui détermine les performances d'un site Web. Ce sont nos cerveaux qui nous disent si une page Web se charge lentement ou rapidement. Selon Ilya Grigorik de Google, les performances perçues dépendent des performances attendues, de l'expérience utilisateur et du temps de chargement réel.

Qu'une page soit complètement affichée à l'écran après une seconde ou déjà après 0,8 seconde – cela ne fait pas grande différence pour l'utilisateur. Selon la loi Weber-Fechner, les différences de durée ne sont remarquées que si elles sont abaissées d'au moins 20%. Toutefois, si l'utilisateur a l'impression qu'il faut attendre longtemps avant que quoi que ce soit puisse être vu sur la page, cette impression de la page reste (négativement) responsable. Cela ne signifie pas que vous devez négliger l'optimisation du temps de chargement technique, bien au contraire. Idéalement, vous améliorerez les deux: le temps de chargement réel et subjectivement ressenti.

Mauvaise performance est un tueur de conversion

Le fait que les sites Web à chargement lent aient un effet négatif sur le comportement des utilisateurs et entraîne une augmentation des taux de rebond n'est pas nouveau et il a été prouvé par de nombreuses études. Tout le monde n’est pas susceptible de savoir que l’augmentation des temps de chargement pour le commerce en ligne entraîne une perte pouvant aller jusqu’à 15 millions d’euros par seconde. Selon une contribution de la puissance de conversion à partir de 2015, le taux de rebond par seconde augmente fortement et le taux de conversion chute jusqu'à sept pour cent par seconde.

Compte tenu du fait qu'un utilisateur saute déjà au bout de trois secondes de temps de charge, il est clair une nouvelle fois à quel point les temps de chargement sont importants. Par exemple, Google a démontré qu’un temps de chargement accru de quelques 100 millisecondes avait entraîné une forte baisse du nombre de requêtes de recherche. Et aussi Amazon perd fort Greg Linden Par exemple, 1% des revenus lorsque le temps de chargement d'une page se dégrade de 100 millisecondes.

Nos actions suivent un rythme

Pourquoi les internautes réagissent-ils négativement aux longs temps de chargement? Pour cela, il faut savoir comment les humains effectuent des actions complexes. Celles-ci consistent en une séquence de stimuli et d'actions. Par exemple, si nous enfonçons un clou dans le mur, nous avons immédiatement une idée du succès de notre action. Le martèlement est ici sans délai. Imaginez que nous devions balancer le marteau virtuellement. Dans ce cas, le clou ne sera enfoncé plus profondément dans le mur de l'écran que quelques secondes après la fin du mouvement. Ce n'est qu'alors que nous pouvons commencer le prochain coup. Comment perçoit-on ce temps d'attente entre le coup de marteau et la réaction du clou?

Nous ne pouvons différencier les stimuli que d'une durée de 100 millisecondes. Cela signifie que lorsque vous cliquez sur un bouton qui donne un retour d'information en dessous de ce délai, l'action déclenchée est perçue comme "immédiate" par notre cerveau. Des retards courts de moins d'une seconde sont enregistrés, mais ne brisent pas le rythme de la perception et de l'action. Les délais plus longs, par contre, font que nos pensées commencent à s’égarer, et d’autres impressions remplacent l’intention actuelle – un stress pour l’utilisateur. Pour reprendre l'exemple ci-dessus avec le marteau virtuel: Pour maintenir l'expérience virtuelle, le marteau virtuel doit déclencher une réaction au mouvement de swing en moins de 0,1 seconde.

Comment nous percevons le temps

Sur la base des perceptions de la psychologie perceptuelle, le gourou de l'utilisabilité, Jakob Nielsen, a défini trois intervalles de temps essentiels pour la perception des temps de réaction d'un site web dès le début des années 1990.

• à 0,1 seconde: L'utilisateur ne perçoit aucun retard notable. Ses actions ont un effet immédiat.
• jusqu'à 1 seconde: Le délai est perceptible mais le flux de travail n’est pas interrompu.
• jusqu'à 10 secondes: L'utilisateur est obligé d'attendre et doit maintenir activement sa concentration.

Cela signifie qu'à partir d'une période d'attente de dix secondes, l'attention baisse de manière significative et augmente la probabilité que l'utilisateur traite d'autres choses. Cela peut le pousser à quitter le site et à passer à la concurrence.

Ces horaires sont fixes et ne peuvent pas être modifiés. Par conséquent, l’objectif est également, comme indiqué dans l’introduction, de limiter le temps de chargement d’une page Web à une seconde, voire mieux à moins de 100 millisecondes. Mais bien sûr, c'est illusoire, compte tenu du nombre de choses différentes à faire avant qu'une page Web puisse être affichée dans la fenêtre du navigateur: recherche DNS, configuration de la connexion TCP, analyse HTML, téléchargement de la feuille de style et exécution de JavaScript , L’étude actuelle sur la puissance de conversion montre que, sur le plan des ventes, environ 100% des 100 meilleurs magasins en ligne allemands ont déjà un temps de chargement maximal de trois secondes. Environ 25 boutiques en ligne peuvent même convaincre avec un temps de chargement de seulement 1,5 seconde.

Techniquement, l'optimisation des temps de chargement pour être inférieurs à trois secondes est un aspect de l'optimisation de la conversion. Un deuxième aspect est la réduction du temps de chargement subjectivement perçu. Là encore, cela doit être pris en compte et optimisé pour augmenter le taux de conversion. De cette façon, le temps de charge objectif de trois secondes peut être à nouveau raccourci psychologiquement ou un temps de charge objectif de cinq secondes peut être réduit à trois secondes.

Avec ces méthodes, vous pouvez optimiser le temps de chargement du feutre

Voici quelques conseils pour améliorer le temps de chargement de votre site Web, perçu par l'utilisateur:

premier Intégrer la barre de progression
Les pages qui utilisent une barre de chargement pour indiquer combien de pour cent de la page sont chargées pendant le chargement réduisent le temps de chargement perçu. Parce que l'utilisateur est spécifiquement informé de l'état d'avancement de la structure de la page et du temps qu'il doit attendre avant de pouvoir interagir avec la page. Avec ce qu'on appelle des indicateurs de progrès – également appelé Preloader -, vous pouvez également utiliser les applications, Facebook et Youtube.

deuxième Chargez d'abord le contenu "au-dessus du pli"
Un facteur extrêmement important consiste également à programmer le code du site Web de manière à ce que la zone située au-dessus du pli – en premier lieu la zone visible – soit chargée en premier. De cette manière, l'utilisateur obtient un résultat sur le site Web en un rien de temps, qu'il peut visualiser. Ensuite, le contenu du site Web "Au-dessous du pli" peut être chargé.

Par exemple, une étude de suivi du regard réalisée par le groupe Nielsen Norman a révélé que, lorsque le contenu le plus important d'une page Web est chargé en premier, un utilisateur passe environ 20% de son temps à le consulter. En revanche, un utilisateur qui charge depuis huit secondes ne passe que 1% de son temps à regarder cette zone.

troisième Utiliser le JPEG progressif
Le temps de chargement est également ressenti comme raccourci lorsque le format JPEG progressif est utilisé. Cela signifie que l'utilisateur verra rapidement une image d'aperçu approximative avant que le fichier image entier ne soit chargé. Ceci est basé sur l'image étant entrelacée. Cette méthode est particulièrement utile lorsque le chargement d’une image prend plus d’une demi-seconde. Cependant, la plupart des applications stockent les fichiers JPEG au format de base. Si une image doit être enregistrée au format progressif, elle peut être convertie, par exemple, à l'aide de GIMP ou de Photoshop.

4 Produits préchargés
Semblable au chargement ciblé de la section "Au-dessus du pli", le préchargement de contenu fonctionne également. Ainsi, l'utilisateur peut déjà afficher le contenu pertinent et charger en arrière-plan le reste de la page. Voici comment fonctionne Amazon: les 3 premiers produits sont toujours affichés pendant que le reste est chargé en même temps. Il est important qu'une requête de recherche spécifique ait été fournie pour montrer à l'utilisateur les résultats qu'il recherche.

5 Utiliser le préchargement automatique
Le préchargement automatique est un préchargement automatique du contenu basé sur l'évaluation du comportement de l'utilisateur sur un site Web. Selon l'analyse des données, en supposant que le contenu soit considéré par l'utilisateur, il peut être préchargé. Il est donc disponible sans délai et évite les chargements inutiles. Un dessous peut déjà être préchargé si le système détecte que la souris se déplace dans la direction d'un lien.

6 Rendre visible les temps d'attente nécessaires à l'utilisateur
En prenant l'exemple des portails de voyage et des moteurs de recherche de vols, qui explorent les offres de milliers de fournisseurs lorsque les utilisateurs ont lancé une demande, la valeur perçue (le temps de chargement long) devrait être rendue visible. Ainsi, ces portails affichent généralement une barre de chargement, l'état d'avancement de la recherche et le nombre concret de milliers de fournisseurs actuellement comparés pour la requête de recherche personnelle.

conclusion

En général, un temps de chargement rapide est l’un des facteurs les plus importants pour le succès d’un site Web. Déjà à partir d'un temps de chargement de la page de 3 secondes, le taux de conversion diminue considérablement. Par conséquent, dans le domaine du temps de chargement objectif ainsi que de la perception subjective, toutes les mesures possibles doivent être prises pour maintenir le temps de chargement ressenti aussi court que possible. Il ne faut pas toujours suivre aveuglément les recommandations des outils de test de vitesse de site Web. Parce que ceux-ci ne font que répondre à la question de savoir si toutes les mesures de meilleures pratiques ont été mises en œuvre. Cependant, ils ne disent pas si le site est assez rapide pour l'utilisateur.