🎁 Formez-vous en continu à l'UX Design et au CRO (Optimisation des conversions)
"Des taux de conversion qui ont été multipliés par 2 sur certains clients"
Henri Priso
.png)
Florent Kiecken
10/7/20
Découvrez comment une vitesse de chargement optimisée améliore le CRO. Nous explorons les liens existants, les outils d'évaluation et les techniques pour accélérer votre site. Évitez les erreurs courantes et améliorez votre taux de conversion aujourd'hui
conversions & ux
La vitesse de chargement est essentielle pour chaque site Web. Une baisse de performance dans cette métrique cruciale peut avoir des répercussions sur tout, de l'expérience utilisateur à la conversion et au référencement. En comprenant les liens entre la vitesse de chargement et l'optimisation du taux de conversion (CRO), vous pouvez prioriser et implémenter efficacement des mesures d'amélioration.
C’est assez simple, si la vitesse de chargement est inférieure à trois secondes, vous vous en sortez bien. Si elle est inférieure à 7 secondes, ça reste correct mais cela peut être optimisé. Retenez qu’au-delà de 10 secondes, vous perdez des utilisateurs et vous risquez d’avoir un taux de rebond plutôt élevé.
En moyenne, le temps de chargement d’un e-commerce se situe entre 8 et 10 secondes. Des experts comme Jakob Nielsen affirment que les utilisateurs peuvent supporter un site web avec une vitesse de chargement qui va jusqu’à 10 secondes de vitesse de chargement.
Retenez donc ces statistiques :
Sur le long terme, pour savoir si votre vitesse de chargement est optimale, il est indispensable d’observer les comportements des utilisateurs sur vos pages.
À l’aide de données quantitatives et qualitatives, vous allez pouvoir détecter si oui ou non la vitesse de chargement influe sur vos conversions. Que ce soit en observant le taux de rebond, le taux de conversion, la relecture de session… Plusieurs moyens sont bons pour comprendre l’impact de la vitesse de chargement sur votre site.
Il existe de nombreux exemples d'entreprises ayant apporté des améliorations significatives à leur vitesse de chargement et ayant ainsi constaté une amélioration de leur taux de conversion. Mobify, une entreprise spécialisée dans le commerce mobile pour détaillants et marques, a augmenté la vitesse de chargement de sa page d’accueil de 100 millisecondes, ce qui a entraîné une augmentation significative de son taux de conversion de 1,11%. Cela a généré des revenus supplémentaires estimés à 376 789 $ par an.
Un autre exemple notable est Pinterest, qui a réduit son temps de chargement de 40% et a constaté une augmentation de 15% du trafic de recherche organique et de 15% du taux de conversion au plomb. C'est une démonstration claire et puissante du lien direct entre vitesse de chargement, satisfaction de l'utilisateur, traction organique et conversion.
.png)
En résumé, si vous cherchez à maximiser votre CRO, la vitesse de chargement de vos pages doit être une priorité. N'ignorez pas cette métrique clé et mettez en œuvre les stratégies nécessaires pour l'optimiser et ainsi maximiser les performances de votre site.
Même si vous n’êtes pas familier avec ce type d’outils, une vitesse de chargement catastrophique se remarque facilement. Vous pouvez également demander à des proches ou faire des tests utilisateurs afin d’avoir un retour plus "humain" et moins robotique.
Identifier la vitesse de chargement de votre site peut s'avérer être une tâche compliquée. Heureusement, il existe des outils comme
L’outil de base de Google fait très bien l’affaire. Il vous permettra d’analyser l'ensemble de vos pages pour ensuite proposer des suggestions d’optimisation.
Cet outil a la particularité d’utiliser des vrais navigateurs liés à la vitesse de chargement des consommateurs. Comme l’outil de Google, WebPageTest fournit également des suggestions d’amélioration.
YSlow analyse les performances de votre site par rapport à plusieurs critères qu’ils ont jugés comme importants.
Cet outil détecte les points de friction qui peuvent gêner la vitesse de chargement sur votre site web.
Qui permettent de le faire en un rien de temps.
Ces divinités du webmastering passent au crible divers aspects susceptibles d'influer sur la vitesse de votre site. Par exemple, ils analysent si vos images sont optimisées pour une charge rapide. De grandes images non compressées peuvent ralentir considérablement votre page. De plus, ces outils examinent également l'utilisation du cache, qui, lorsqu'il est mal utilisé, peut affecter la vitesse de chargement de votre site.
.png)
La plupart de ces outils offrent une note concernant les performances de votre site. Attention seulement, le score n’a pas énormément d’importance. C’est la vitesse de chargement qui compte réellement.
Ces outils sont là pour vous donner des indices concernant les possibles optimisations à faire pour améliorer la vitesse de chargement de votre site. Ils vous aident donc à examiner les problèmes potentiels sans pour autant effectuer le travail à votre place.
Les outils de mesure de la vitesse de chargement ne vous donnent pas seulement une idée du temps que met votre site à se charger, mais ils fournissent aussi des indicateurs précis comme le "Time to First Byte" (TTFB) ou le "Speed Index".
Le TTFB représente le temps qu'il faut pour recevoir le premier octet de données du serveur web une fois qu'une requête a été faite. Un TTFB long peut indiquer un problème avec la vitesse du serveur, la demande réseau, ou la configuration du serveur.
Le "Speed Index", quant à lui, est une mesure du temps qu'il faut pour le contenu visible d'une page à se construire. Si ce chiffre est élevé, cela suggère que les visiteurs attendent trop longtemps pour voir le contenu de votre page, ce qui peut entraîner des taux de rebond élevés.
Ces outils sont également précieux car ils vous fournissent des recommandations spécifiques sur ce que vous pouvez faire pour améliorer ces aspects, comme réduire le poids des images, améliorer le temps de réponse du serveur, ou utiliser la mise en cache de manière optimale.
Vos visiteurs accèdent à votre site à travers une multitude d'appareils et de navigateurs. Tous les appareils n'ont pas la même puissance ni les mêmes capacités, et les navigateurs peuvent interpréter le code de manière légèrement différente. C'est pourquoi il est crucial d'évaluer la vitesse de chargement sur différents appareils et navigateurs pour vous assurer que tous les utilisateurs ont une expérience optimale.
Il peut être judicieux d'évaluer spécifiquement la vitesse de chargement sur des appareils mobiles, car une proportion croissante de trafic web se fait sur des smartphones. Google a même commencé à donner la priorité aux sites optimisés pour les mobiles dans ses résultats de recherche.
En résumé, mesurer et optimiser la vitesse de chargement des pages de votre site web est une tâche cruciale pour offrir une meilleure expérience à vos visiteurs, ce qui peut à son tour augmenter vos taux de conversion. Utilisez des outils comme Google PageSpeed Insights, GTmetrix et Pingdom pour évaluer la vitesse de votre site, comprendre les indicateurs et appliquer les recommandations appropriées. N'oubliez pas de tester la performance de votre site sur tous les appareils et navigateurs pour garantir une expérience optimale pour tous vos utilisateurs.
Cela peut paraître évident mais la vitesse de chargement, en plus d’impacter l’UX, impacte le taux de conversion de votre site web.
Si votre page se charge rapidement, les visiteurs sont plus susceptibles de rester engagés, d'explorer votre contenu et finalement, de se convertir en clients.
À l'inverse, une vitesse de chargement lente peut entraîner de la frustration chez les utilisateurs, repoussant ainsi potentiellement les clients avant même qu'ils aient eu la chance de voir ce que vous proposez. Cela peut également donner l'impression que votre site n'est pas fiable ou professionnel, ce qui peut nuire à votre réputation et à votre taux de conversion.
L'un des principaux facteurs contribuant à la satisfaction de l'utilisateur est la capacité de l'utilisateur à naviguer de manière fluide et rapide. L'impact de la vitesse de chargement lente dépasse le simple inconvénient et se reflète dans la perception de la valeur globale de votre site et, par extension, de votre marque.
Plusieurs statistiques le démontrent :
Même les plus grands groupes sont concernés, même des millisecondes de gagner peuvent vous rapporter plus de résultats.
Vous avez la possibilité d’installer PageSpeed de Google directement sur votre serveur. Cela vous permettra d’améliorer la latence des pages de votre site web.
L'objectif de cet outil est de revoir toutes vos ressources sur votre site web et de les optimiser, il applique donc automatiquement les meilleures pratiques de performances concernant le CSS, le Javascript, les images de votre site sans que vous ayez besoin de modifier le contenu.
Beaucoup d’hébergeurs sont disponibles en ligne, ils n’ont bien sûr pas les mêmes performances. L’hébergeur a un impact majeur sur la vitesse de chargement de votre site web.
Évitez donc pour votre vitesse de chargement les hébergeurs trop cheap avec peu de recommandations et d'avis. Les hébergeurs plus performants sont bien sûr plus chers, mais la qualité sera au rendez-vous.
Plusieurs hébergeurs de qualité sont disponibles :
À vous de choisir quel hébergeur correspond le mieux votre projet de site web, à vos besoins et vos objectifs de croissance.
Énormément de sites WordPress, Shopify, Woocommerce sont remplis de plugins et extensions installés. Alors bien sûr, s’ils sont utiles c’est une bonne chose, gardez-les, mais est-ce qu’ils sont tous vraiment nécessaires ?
Dans tous les cas, beaucoup d’entre eux nécessitent le chargement de différents fichiers JS et CSS. Et ces chargements peuvent considérablement ralentir le chargement de vos pages web.
Le mieux alors est de faire un tour d’horizon et d’auditer votre site au niveau des plugins utilisés. Vous verrez sûrement des plugins qui ne servent pas à grand-chose et dont vous pouvez vous passer.
Les images sont une des causes les plus connues d’un site web lent. Si les photos, illustrations, infographies que vous utilisez sont trop volumineuses, le chargement de vos pages pourra être ralenti.
Il est donc important pour la vitesse de chargement de réduire la taille des différents fichiers visuels présents. Que ce soit votre logo, les images sur votre blog et sur votre article. Surtout sur les pages qui peuvent sembler longues.
Réduire le volume des fichiers ne veut pas forcément dire réduire la qualité des images. Vous avez des plugins si vous êtes sur Wordpress pour compresser vos images automatiquement comme EWWW Image Optimizer. Sinon, vous pouvez compresser vos images manuellement avec Iloveimg.
.png)
Si vous avez assez de trafic, vous pouvez utiliser un CDN (Content Delivery Network).
Plusieurs solutions s’offrent à vous :
Contrairement à PageSpeed, vous devez configurer pour installer la mise en cache. Memcached est un système de mise en cache d'objets haute performance open source. Cet outil est utilisé pour accélérer les applications web dynamiques en allégeant la charge de la base de données.
Le fait de compression son code et les réponses HTML permet d’optimiser la vitesse de chargement. Gzipping peut réduire jusqu’à 70% la taille des réponses. Certaines extensions et plugins de mise en cache le font automatiquement mais parfois, vous devrez le configurer manuellement au niveau du serveur web.
Chaque fois qu’un navigateur envoie une demande HTTP, il doit envoyer tous les cookies associés qui ont été définis pour le domaine en question et le chemin qui va avec. Cette action demande donc énormément de ressources et peut gêner la vitesse de chargement.
.png)
Servir donc du contenu statique partir d'un domaine sans cookies, soutenu par un CDN peut être une excellente solution. Le contenu statique comme les fichiers CSS, JS et les images n’a pas besoin d’être accompagné de cookies. Vous pouvez donc réduire la latence en générant du contenu statique partir d'un domaine qui ne sert aucun cookie.
Vous pouvez utiliser Rackspace ou Amazon CloudFront.
L'implémentation d'une routine de contrôle et de suivi est une étape cruciale pour assurer une performance optimale de votre site. Des outils de suivi de performance tels que Google PageSpeed Insights peuvent vous aider à surveiller la vitesse de votre site.
C'est un aspect à ne pas négliger pour conserver une bonne expérience utilisateur.
Utilisez des outils d’analyse pour identifier les éléments qui ralentissent votre site et fixez-les promptement.
Comme le Web évolue constamment, il est essentiel de rester à jour en termes de performances et de compatibilité.
L'implication des équipes dans l’optimisation de la vitesse de chargement est essentielle. Chaque équipe a un rôle à jouer :
Ils doivent veiller à coder de manière optimale et à bien gérer les ressources du site.
Leur rôle consiste à créer des designs qui sont non seulement attrayants, mais aussi optimisés pour une charge rapide.
Ils doivent veiller à ce que le contenu du site web soit à la fois engageant et optimisé pour le référencement ou SEO, mais aussi qu'il ne ralentit pas le site.
Rappelez-vous, l'objectif ultime est d'améliorer l'expérience de l'utilisateur et par conséquent, le taux de conversion.
Trop de plugins peuvent ralentir votre site. Désactivez ou supprimez les plugins inutiles et gardez uniquement ceux qui sont essentiels.
Assurer une vitesse de chargement rapide de votre site web est essentiel pour une expérience utilisateur optimale et pour le positionnement SEO. Toutefois, certains facteurs typiques peuvent affecter la vitesse de chargement et entraîner des résultats indésirables.
Les erreurs courantes qui ralentissent la vitesse de chargement de votre site peuvent être variées. Parmi les plus fréquentes, nous pouvons mentionner :
Les images volumineuses peuvent sérieusement ralentir la vitesse de chargement. Utilisez des outils de compression d'images pour réduire leur taille sans sacrifier leur qualité.
Chaque redirection provoque une demande HTTP supplémentaire, ce qui ralentit la vitesse de chargement. Minimisez l'utilisation de redirections autant que possible.
Trop de plugins peuvent ralentir votre site. Désactivez ou supprimez les plugins inutiles et gardez uniquement ceux qui sont essentiels.
Une mauvaise vitesse de chargement peut entraîner une multitude d'effets négatifs sur les performances de votre site, notamment :
Maintenir un site web à jour est une tâche importante pour garantir sa vitesse de chargement optimale. Deux facteurs principaux doivent être pris en compte pour cela :
En conclusion, il est crucial d'éviter ces erreurs communes pour maintenir une bonne vitesse de chargement, qui est un élément essentiel pour garantir une expérience utilisateur optimale et un bon positionnement SEO.
La vitesse de chargement est un des critères les plus importants sur un site web. Les sites web qui chargent rapidement fonctionnent toujours mieux en matière de conversion et d’expérience utilisateur. Que ce soit sur bureau et encore plus sur mobile, où les utilisateurs sont moins tolérants. Si votre site n’est pas rapide, alors vos utilisateurs eux seront rapides pour quitter votre site.
Formation gratuite
Faites x3 sur les conversions de votre site
5 cours vidéos CRO, UX & copywriting
Check-list d'optimisation
Formation 100% gratuite
Faites X2 sur les conversions de votre site
.png)
"Des taux de conversion qui ont été multipliés par 2 sur certains clients"
Henri Priso
Traffic Manager @Inbound Value
