Comme nous l’avons démontré dans cet article sur la vitesse de chargement, un site trop lent pénalise votre SEO mais pas que ! Votre taux de rebond et par conséquent vos conversions diminuent à vue d’œil, elles aussi.
Il est évident que personne ne veut d’un site trop lent, qui risque de discréditer la fiabilité et l’expertise de votre entreprise auprès de potentiels clients.
Vitesse de chargement par ci, par là… Commençons par le commencement : connaissez-vous la vitesse de chargement de votre site ? Si ce n’est pas encore le cas, faites-le rapidement en suivant les instructions ci-dessous.
Si en revanche, vous connaissez cette vitesse mais n’en êtes pas satisfait : voici comment améliorer la vitesse de chargement d’un site en 6 conseils.
Comment tester la vitesse de chargement de votre site ?
La solution que je vous recommande pour tester la vitesse de votre site est d’utiliser l’outil Google : Page Speed Insights. Il vous permet de calculer les performances de vos pages sur mobile et ordinateur.
Cet outil a deux atouts majeurs. Le premier est qu’il appartient à Google. Par conséquent, celui-ci est réglé en fonction des critères de l’algorithme. Aucun autre site ne peut vous donner de réponse plus juste. Le second est qu’il est très complet. L’analyse de la vitesse de chargement de votre site vous permet d’obtenir bien d’autres informations précieuses. Plus précisément, Google Page Speed Insights vous fournit 6 données.
Ici, je vais m’intéresser à l’indice de vitesse qui est l’indicateur le plus important.
L’indice de vitesse en quelques mots
L’indice de vitesse d’un site Internet mesure la vitesse à laquelle le contenu de votre page est affiché à l’écran pendant le chargement de la page.
Le score obtenu est comparé à un milliers d’autres sites pour obtenir un indice de vitesse moyen par rapport à tout le web.
Voici comment interpréter votre résultat :
- Indice de vitesse entre 75 et 100 : Votre site est rapide (vert).
- Indice de vitesse entre 50 et 74 : Votre site est dans la moyenne du web (orange).
- Indice de vitesse entre 0 et 49 : Attention, votre site est très lent (rouge) !
Attention : Votre indice de vitesse n’est pas le même suivant mobile ou ordinateur.
Pour mieux comprendre, nous allons étudier l’indice de vitesse de la page d’accueil Hello Fresh.
- Rendez-vous sur Google Speed Insight et copier l’URL du site, comme ci-dessous.
Voici ce que vous obtenez :
Sur ordinateur, le score obtenu est dans la moyenne : ce n’est pas le plus rapide, ni le plus lent.
En revanche sur mobile, Hello Fresh a encore beaucoup de progrès à faire.
Il est important de ne pas négliger l’indice de vitesse sur mobile. Un tiers des Français fait au moins 1 achat par mois sur son téléphone. Et cette part ne cesse de progresser !
Mais ne vous inquiétez pas ! Voici les astuces pour booster la vitesse de chargement de votre page.
6 Conseils pour améliorer la vitesse de chargement d’un site trop lent
1) Disposez d’un hébergement de qualité.
La première astuce pour améliorer la vitesse de chargement d’un site est évidente. Il est important que vous adaptiez votre offre d’hébergement en fonction du trafic sur votre site. En cas de forte influence, une offre trop faible réduira considérablement la vitesse de chargement. Par conséquent, les visiteurs seront enclins à la quitter.
2) Réduisez les CSS, JavaScript et HTML.
En optimisant votre code (notamment en supprimant les espaces et les virgules), vous pouvez booster considérablement la vitesse de vos pages. Il est préférable également de supprimer les commentaires de code, le formatage et le code inutilisé.
Google recommande d’utiliser CSSNano et UglifyJS comme logiciel de compression de fichiers, pour réduire la taille de vos fichiers CSS, HTML et JavaScript dont la taille est supérieure à 150 octets.
C’est d’ailleurs une des améliorations suggérées par Google Page Speed Insight concernant la page d’accueil Hello Fresh.
3) Optimisez vos images.
Vos images ne doivent pas être plus grandes que nécessaire. Elles ne doivent pas dépasser 200 Ko et être dans le bon format. Le format PNG est généralement meilleur pour les images avec moins de 15 couleurs. Le format JPEG est quant à lui plus adapté aux photographies. Intéressez vous également aux nouveaux formats d’image comme le Webp développé par google.
Si vos images sont trop lourdes, des plugins comme Wp smush pour WordPress (ou Optimizilla) existent pour les compresser facilement.
4) Limitez les plugins.
Les plugins sur WordPress ou même Shopify sont très tentants. Chacun offre des fonctionnalités qui vous font de l’œil. Mais gardez en tête qu’un plugin prend énormément de place dans le code de votre site. Par conséquent, il allonge considérablement le temps de chargement de celui-ci.
Ne gardez donc que les plugins essentiels comme ceux de sécurité, de police ou de compression par exemple.
5) Priorisez le contenu de votre page.
Si votre page est lente à charger, il est conseillé de donner priorité au contenu de haut de page.
Concrètement, le visiteur aura accès en priorité au contenu situé au-dessus de la ligne de flottaison. Puis, le reste de la page se chargera. Le visiteur ne s’en rendra même pas compte puisqu’il aura été absorbé par la lecture du contenu du haut de la page. Vous concernant, votre taux de rebond sera moins élevé.
6) Réduisez les redirections au maximum.
La redirection 301 ajoute une étape qui peut augmenter considérablement la vitesse de chargement puisqu’elle redirige vers une autre page qui doit elle aussi se charger. Logiquement, le temps de chargement global sera plus long. Faites donc attention aux chaînes de redirections 301 !
En résumé
L’importance de la vitesse de chargement n’est plus à prouver. Tous les professionnels vous bassinent avec, et ils ont raison ! C’est un indicateur qui peut détruire la visibilité de votre site. Votre stratégie de contenu (blog par exemple) est sûrement géniale mais si personne ne consulte vos articles, vos efforts seront réduits à néant.
Alors, si vous voulez booster vos conversions et l’intérêt pour votre site : mettez en place ces quelques astuces. Elles sont accessibles à tous et ne demandent que peu de connaissances en web.
0 commentaires