Temps de chargement : ces secondes qui coûtent des millions
Personne n’aime un site lent. Vos visiteurs disposent de terminaux rapides et n’apprécient pas d’attendre injustement lorsqu’ils naviguent sur votre site.
Cela peut sembler anodin, mais une seule seconde de chargement peut affecter votre taux de conversion. Une seconde de chargement supplémentaire sur Amazon entrainerait par exemple une perte de 1,6 milliards de dollars par an !
Temps de chargement vs temps d'affichage
Il faut bien distinguer le temps de chargement du temps d’affichage.
Le temps de chargement : cela représente le temps nécessaire pour télécharger tous les éléments d'une page. Le poids des fichiers et la qualité de la connexion des visiteurs sont concernés. Vous n’avez aucune emprise sur la connexion de vos visiteurs, mais vous pouvez optimiser la taille de vos fichiers pour qu’ils soient plus rapides à charger.
Le temps d’affichage : c’est le temps nécessaire pour afficher les éléments téléchargés sur le navigateur du visiteur. Le code de votre site et le terminal utilisé par le visiteur sont responsables. À nouveau, vous n’êtes pas responsable de la qualité du terminal utilisé par vos visiteurs (même si vous devez vous assurer que les éléments de votre site soient compatibles avec tous les terminaux), mais vous avez le contrôle de la qualité de votre code.
1 Pourquoi faut-il optimiser la vitesse de chargement de son site ?
Offrir une expérience de qualité à vos visiteurs
Plus votre site charge rapidement et plus vous avez de chance de retenir les visiteurs. Cela s'explique par le besoin de fluidité et d'immédiateté recherché par les consommateurs en ligne.
Selon les recherches de Google, 53% des visiteurs sur mobile quittent une page si elle met plus de 3 secondes à se charger.
Par ailleurs, un retard de connexion de 500 ms peut entraîner une hausse de 26% de la frustration des visiteurs et une diminution de 8% de l’engagement.
Quel est alors le temps de chargement à ne pas dépasser ? La tendance indique que vous ne devriez pas excéder 3 secondes. Par ailleurs, Strangeloop rapporte qu’une seconde de délai diminue vos conversions de 7%.
Sur mobile, les exigences sont aussi hautes : près de 9 internautes sur 10 attendent qu’une page web charge au moins aussi rapidement sur mobile que sur desktop. L'objectif est donc d'optimiser tous les éléments de votre site pour que vos visiteurs puissent y accéder le plus rapidement possible.
Votre classement dans les moteurs de recherche
La vitesse de chargement de votre site est l'un des facteurs qui est pris en compte par les moteurs de recherche pour classer votre site. Bien entendu, ce sont les sites avec le meilleur temps de chargement qui sont les mieux classés et c'est pourquoi vous devez prendre ce facteur en compte.
Consultez notre article sur les "Core Web Vitals" de Google, nouveaux critères utilisés pour analyser la performance de votre site.
2 Comment rendre votre site plus rapide ?
Chaque dixième de seconde compte. C'est pourquoi l'optimisation du temps de chargement est une étape cruciale pour les marques. Voici quelques conseils pour améliorer vos performances.
Astuce : C’est le haut de la page qui s’affiche en premier aux yeux de vos visiteurs. Vous devez vous assurer que les éléments qui s’y trouvent chargent très vite. Si les éléments situés sous votre ligne de flottaison demandent plus de temps pour charger, cela aura moins d'impact car ce ne sont pas les éléments que l’on remarque en premier.
Choisir un hébergement de qualité
L'hébergeur de votre site est un élément très important et doit être adapté aux performances de votre site. Vous devez choisir l'hébergement qui convient aux performances de votre site. Si vous avez un faible trafic préférez des hébergements partagés ou VPS, au contraire si vous avez un fort volume de trafic les hébergement dédié ou cloud seront des solutions fiables.
Réduire le poids de vos fichiers de code (CSS, JavaScript, Html)
Vos fichiers de code vous permettent de mettre en forme votre site. Vous pouvez réduire la taille de ces fichiers en supprimant les éléments inutiles (lignes vides, espaces etc.) afin d'améliorer le temps de chargement de votre site. L’idée est de transformer vos fichiers en zip et d’en réduire jusqu’à 70% du poids sans réduire la qualité de vos images et vidéos.
Optimisez vos images
Il existe plusieurs éléments que vous devez optimiser pour que vos images ne ralentissent pas le chargement de votre site :
- La taille : plus une image est lourde, plus elle demande du temps pour charger, logique. Il existe de nombreuses solutions gratuites en ligne pour réduire la taille de vos images (Tinypng, compresspng, etc.) sans perdre en qualité. Par ailleurs, évitez d’uploader des visuels larges de plusieurs milliers de pixels sur une page web de 700 pixels de largeur.
- La source : c’est le nom et la source de votre image.
- Le format : pour le web, privilégiez le format PNG. Évitez en revanche les images aux formats TIFF, BMP ou XBM.
Exploitez la mémoire cache
La première fois que vous arrivez sur un site, vous devez télécharger un fichier HTML, les images, les fichiers JavaScript, les feuilles de style, etc., avant de pouvoir naviguer correctement. Selon la complexité de la page, cela peut prendre beaucoup de temps. Une fois ces éléments stockés dans le cache du visiteur, la page charge beaucoup plus vite. En activant la mise en cache du navigateur vous pouvez réduire le nombre de requêtes entre le serveur et vous et donc charger les pages plus rapidement.
Retirez les plugins que vous n’utilisez pas
Plus vous accumulez de plugins sur votre site, plus vous risquez de le ralentir et c'est pourquoi vous devez identifier les plugins qui vous servent vraiment. Lorsqu’un plugin est activé, il provoque le chargement de fichiers CSS et de fichiers JavaScript. Si vous ne l’utilisez pas, ces fichiers chargés en vain viennent malgré tout ralentir le temps de chargement de votre site.
Évitez les redirections
Une redirection crée de nouvelles requêtes HTTP et augmente par la même occasion le temps de chargement. Si vous avez un site mobile : il y a des chances pour que vous ayez mis en place des redirections pour orienter les mobinautes de votre site principal, vers la version mobile. Dans ce cas, préférez utiliser une redirection HTTP pour mener automatiquement les visiteurs vers la page mobile, sans aucun intermédiaire.
