mardi , 1 décembre 2020

Pourquoi la vitesse du site est-elle importante pour les CROs ?

Il y a un adage qui dit qu’une femme décide si elle veut ou non s’intéresser à un homme 30 secondes après leur rencontre. Une étude réalisée en 2010 suggère en fait que ce chiffre est plus proche de 3 minutes. Quoi qu’il en soit, c’est aussi le cas pour la vitesse du site.

Ceci dit, les premières impressions restent extrêmement importantes.

Ceux d’entre nous qui ont dépassé un certain âge se souviendront sans doute d’avoir été suffisamment patients pour laisser l’ordinateur fonctionner toute la nuit afin de télécharger un album avec LimeWire, mais ces jours-ci sont révolus.

En 2014, il a été signalé que 57% des utilisateurs abandonneraient une page si son chargement nécessitait plus de 3 secondes.

Équilibrer la vitesse du site par les tests

Un grand problème des testeurs de CRO est que l’ajout d’extraits de code pour les services d’analyse ou les services de test A/B tels qu’Optimizely ou VWO peut ralentir la vitesse de votre site.

Vous pouvez également la ralentir en introduisant des images qui ne sont pas optimisées de manière efficace, car vous testez seulement, vous ne créez pas encore de page permanente.

Mais, arrêter de faire tout ce travail n’est pas une solution pour les testeurs de CRO. Il est donc important de trouver des solutions ailleurs.

Vous ne pensez peut-être pas trop à la vitesse du site, mais si vous en savez un peu plus sur son impact sur les conversions, cela pourrait devenir votre prochain grand objectif !

Ci-dessous, vous trouverez trois des objectifs d’un client, lors de la refonte de son site Web, ainsi que la manière dont ils l’ont réalisé. Nous parlerons également comment vous pouvez appliquer cette expérience à votre propre site.

Objectif n°1 : accélérer la vitesse du site

test de vitesse du site

Utiliser des sprites pour les images afin de réduire les demandes

Construire une image plus grande à partir de plusieurs images plus petites peut paraître un moyen étrange d’accroître la vitesse de la page, d’autant plus que la taille du fichier d’image peut être plus élevée.

Cependant, l’utilisation des sprites permet de charger plusieurs images avec une seule requête HTTP.

Optimiser les images

Il existe de nombreux plugins qui pourraient vous aider, mais si vous ne voulez pas les utiliser, assurez-vous simplement que les images que vous téléchargez ne sont pas trop volumineuses.

Par exemple, si votre site a une largeur maximale de 600 pixels, il n’est pas nécessaire de télécharger des images beaucoup plus volumineuses que celles-ci si personne ne va cliquer dessus.

Combiner les fichiers et les réduire autant que possible (exemple : CSS)

Cela peut paraître plus effrayant qu’il ne l’est. Réduire la taille peut vous aider à réduire les requêtes HTTP et à compresser le code compliqué en quelque chose de plus facile à gérer. Réduire les requêtes est une autre priorité. Cela va de 74 à 29.

Utiliser CSS pour créer la mise en page au lieu d’utiliser des images

Vous pouvez le voir vous-même lorsque vous regardez la page d’accueil. Les boutons et les zones sont créés à partir de CSS plutôt que d’images, ce qui ne permet pas à certains utilisateurs de les voir.

Quel avantage ?

Vous obtiendrez plus de succès en faisant beaucoup de petites choses pour accélérer votre site qu’en essayant de trouver une seule solution miracle qui améliorera tout en même temps. Ne perdez pas 0,2 seconde ici et 0,1 seconde par-là, et cela va s’additionner.

Les efforts mis ont permis de réduire le temps de chargement de page théorique à environ 500 ms, soit la moitié de la cible initiale d’une seconde. Mais, le besoin d’un plugin de tchat en direct et d’un badge SSL signifie que le temps de chargement réel est juste inférieur à 3 secondes.

Si votre site est lent, demandez-vous si vous avez vraiment besoin de ces plugins. Il se peut qu’ils empêchent votre site de réaliser tout son potentiel.

Objectif n°2 : Compatible avec les appareils mobiles et tablettes

Le trafic des mobiles et des tablettes constitue chaque année une grande part du trafic Web. Ainsi, il est de plus en plus important de fournir une expérience mobile agréable.

On l’a pris au sérieux en essayant de rendre le site 100% réactif en utilisant un design évolutif et des requêtes multimédia, avec de nombreux « points d’accrochage » et des valeurs non fixes.

Avec la sortie en avril 2015 d’un algorithme de classement significatif pour les mobiles appelé Mobilegeddon par Google, l’accessibilité mobile doit être prise très au sérieux.

Outil convivial de Google mobile

Google dispose d’un outil que vous pouvez utiliser pour vérifier si votre site est compatible avec les appareils mobiles. Cela ne prend que quelques secondes pour avoir la certitude que votre site est vraiment accessible sur les mobiles et les tablettes. Ceci est très important.

Quel avantage ?

Avoir de grandes images sur votre site Web peut paraître intéressant sur un ordinateur de bureau ou un ordinateur portable, mais cela peut sérieusement ralentir les performances sur les mobiles et les tablettes. Pensez à utiliser les requêtes média pour les réduire voir même les cacher complètement.

L’accessibilité mobile est désormais un facteur de classement important pour le référencement. Elle peut vous aider à générer davantage de trafic, vous servir pour exécuter des tests fractionnés et à obtenir plus rapidement des résultats statistiquement significatifs.

Objectif n°3 : améliorer la convivialité

Site convivial pour améliorer la vitesse du site

Quelle convivialité à voir avec la vitesse du site ? Beaucoup ! Lorsque les développeurs ont pu combiner des fichiers et rationaliser la page d’accueil de Firefox pour la rendre plus rapide de 2,2 secondes, le nombre de téléchargements a augmenté de 15,4%.

En outre, supprimer les back pages, en particulier les pages d’achat, les widgets et les fenêtres contextuelles sophistiquées, permet aux utilisateurs de rester concentrés sur le chemin que vous voulez qu’ils empruntent. Cela permet également d’accélérer le processus de navigation sur la page.

Pour Squirrel, cela se traduisait par supprimer les images inutiles, réduire au maximum les copies et orienter les clients tout au long du processus de commande. Par exemple, ils n’utilisaient que des boutons verts pour passer à la caisse.

Quel avantage ?

La convivialité du design, la vitesse du site et l’amélioration des conversions peuvent sembler être trois choses très différentes. Cependant, il est possible de les combiner de différentes manières pour influer sur l’expérience globale d’un site Web.

Conclusion

La vitesse du site n’est pas une mesure particulièrement facile. C’est l’une des tâches qui, selon de nombreux testeurs et spécialistes du marketing A/B, incombe à l’équipe de développement. Cependant, comme nous l’avons vu précédemment, les choses ne sont pas aussi simples.

Étant donné que les widgets pour les tests fractionnés et les analyses peuvent ralentir votre site, vous vous devez, à vous-même ainsi qu’au reste de votre équipe, d’accélérer les choses autant que possible en les simplifiant par d’autres moyens.

Les points ci-dessus ne représentent pas la seule chose que vous puissiez faire pour accélérer un site, mais ils constituent un bon point de départ !

Vous avez des conseils pour les propriétaires de sites Web qui cherchent à accélérer le site et que nous n’avons pas traités dans cet article ? Faites-le nous savoir dans les commentaires.

Consulter aussi

TikTok : tout ce que les marketeurs doivent savoir

Êtes-vous intéressé par TikTok ? Vous vous demandez comment utiliser TikTok pour votre marketing ? …