Vous hésitez à mettre en place des actions pour optimiser la vitesse de votre site et améliorer votre SEO ?
Vous êtes au bon endroit !
Dans cet article vous allez apprendre à :
- Réaliser un audit du temps de chargement de votre site avec des outils gratuits
- Comprendre les actions à mettre en place pour optimiser votre site
- Décider si des investissements sont nécessaires pour optimiser la vitesse de votre site.
N’oubliez pas et comme je l’explique dans ce guide pour démarrer en SEO que le SEO est une histoire d’arbitrage : vous devez apprendre à décider quel est le meilleur moyen de distribuer votre budget et votre temps.
Au cours de cet article, je prendrais un cas réel, celui de mon client le smartsitting qui souhaitait optimiser la vitesse de son site.
Vous êtes prêt ? C’est parti !
Table des matières
Comment faire un audit du temps de chargement de votre site internet vous-même ?
Etape 1 : Connaître la vitesse de son site – l’audit
Vous allez voir : dans cet article je vais réellement vous guider étape par étape pour créer un site performant en chargement.
Je vous prends par la main en quelque sorte. 😊
On commence par les outils nécessaires pour faire l’audit.
Les outils pour auditer la vitesse et le temps de chargement de votre site
Pour faire cet audit nous allons utiliser deux outils :
- Gt metrix (en anglais)
- Page speed insights l’outil fourni par Google
Un outil peut suffire mais je préfère croiser les données. De plus que cela permet d’avoir les explications de chacun des sites sur ce qui ralentit votre site.
Chaque site va détailler les différents aspects qui sont en train de ralentir votre site web.
Par exemple, si je vous dis qu’il va falloir “minifier votre JS” ou “Eliminer les ressources bloquantes”, vous risquez d’avoir besoin d’explications 😂 Chaque site explique à sa manière ce qui bloque pour accélérer votre site et il vous donne leur propre conseil.
Je peux vous dire que c’est bien pratique.
Revenons à vos moutons.
Pour analyser la vitesse de votre site, il suffit de mettre votre url sur leur site et de lancer l’analyse :
Pour continuer, je vous propose de prendre un exemple de site internet et de mener un audit complet de la vitesse d’un site.
Étude de cas d’un audit pour le site lesmartsitting
Prenons le site d’un de mes clients pour lesquels j’ai réalisé un audit technique : le smartsitting.
C’est un site qui propose de la garde d’enfants avec 300 pages différentes.
Comme je vous l’ai expliqué, commençons par ajouter le site dans ces deux outils pour auditer la puissance de chargement.
Voici les résultats qui apparaissent sur Page Speed Insight :
Le score de performance est estimé à 36 sur 100 sur mobile. (75/100 sur desktop). Vous avez compris : ce n’est pas idéal !
Voici également le score Gt Metrix :
Le score est à 80% mais GTmetrix parle de Desktop et pas de mobile.
Vous constatez également que GTmetrix vous donne la Speed Visualization :
First Contentful Paint : Le temps pour afficher le premier contenu de la page
Largest Contentful Paint : Le temps pour afficher les éléments les plus lourds de la page
Fully Loaded Time : Votre page est entièrement chargée
Maintenant, il est temps d’analyser les conseils que nous donnent ces outils pour accélérer la vitesse de notre site internet.
Les recommandations des outils (et ce que cela veut dire)
Les recommandations qui reviennent pour ce site sont revenus sur beaucoup de mes sites web. Par conséquent, vous devriez retrouver les mêmes informations chez vous.
Les résultats sur GTmetrix :
Les résultats sur PagespeedInsights :
Voici quelques actions à comprendre et à mettre en place que proposent les outils (et que vous allez probablement retrouver sur vos sites) :
- Réduire les ressources JavaScript et CSS inutilisées : lorsqu’on crée un site web on a tendance à empiler des dizaines d’options dessus.
Sauf que parfois ce n’est pas la peine de charger ces ressources, notamment parce qu’elle peut être charger plus tard. - Éliminez les ressources qui bloquent le rendu : certaines ressources (du code) sont parfois longues à charger et bloquent l’apparition du contenu sur vos pages. Or ces ressources sont parfois très peu utiles…
La plupart du temps il est possible de “décaler” l’apparition de ces ressources ou de les charger de manière asynchrone.
- Mettre en place un système de cache : un cache permet de conserver certaines informations de manière local pour les charger plus rapidement.
- Diffusez des images aux formats nouvelle génération : L’idéal est d’utiliser le format WebP. Vous pouvez transformer vos images grâce à convertio.
- Réduire la taille des images : grâce à ces sites vous saurez directement quelles sont les images trop lourdes sur votre site et vous pourrez les réduire avec un outil comme recompressor.
💡 Exercice : Ajouter votre site sur ces deux sites et commencer à lire les différents facteurs impactant.
Bonus : Comment savoir si vous devez faire les changements dès maintenant ?
Cela dépend.
J’aime beaucoup analyser ce sujet par rapport à la taille de votre site.
Si vous avez un petit site, je vous conseille de ne pas hésiter (surtout sur wordpress).
La plupart des changements de base sont rapides et faciles à mettre en place sur un petit site (moins de 1000 pages).
Personnellement, je trouve qu’un site qui met plus de 2 secondes à charger doit absolument faire des changements.
De nos jours, personne n’a envie d’attendre devant un site qui ne charge pas.
Cependant, si vous avez un “gros” site de plus de 10 000 Pages les changements sont souvent plus long à mettre en place et demande du budget développeur. A vous d’analyser le budget à mettre en place avec vos équipes et de décider si c’est la meilleure allocation de vos ressources.
Bonus 2 : à quel score s’arrêter ?
Sur PagespeedInsights je vous conseille de dépasser le score de 90.
Etape 2 : Décider des étapes à mettre en place
Cas n°1 : votre site est sur wordpress
Dans ce cas c’est assez simple et la solution s’appelle : WPRocket.
WProcket est un plugin WordPress qui vous permet de grandement accélérer la vitesse de votre site.
Il vous permet entre autres de :
- Décaler le chargement des ressources JS et CSS inutiles
- Mettre en place un cache sur votre site pour charger plus rapidement
Pour 59 dollars par mois, vous aurez accès à un plugin facile à utiliser qui va grandement accélérer votre vitesse de chargement.
Cas n°2 : Votre site n’est pas sur wordpress…
Et là c’est parfois un peu plus compliqué mais pas difficile non plus. Pourquoi c’est plus compliqué ?
Tout simplement parce que vous devrez sûrement demander à une autre personne puisque cela se fera avec du code.
Je vais vous aider à faire cela de manière très simple :
- Commencer par la réduction des images : c’est un peu chronophage mais vous n’avez besoin de demander à personne. Comme 80% des gens vous avez du prendre vos images depuis Unsplash.
Dans l’idée c’est jolie. Sauf que c’est très lourd à charger ! Éventuellement, vous pourrez mettre en place le lazy loading qui consiste à charger plus tard les images en bas de page. - Demander à votre développeur ou responsable de site d’éliminer les ressources qui bloquent le rendu et de réduire les ressources JS et CSS non-utilisés
Ce n’est rien de compliqué et il est possible que cela demande simplement d’ajouter quelques informations dans le code.
Grâce à votre audit de site, que vous aurez suivi plus haut, il pourra connaître rapidement les scripts inutilisés sur vos pages et pourra les déferrer (leur demander de charger plus tard) grâce à un tag. Cet article vous aidera sûrement à guider vos développeurs : Eliminer les ressources bloquantes - Pour aller plus loin, demander à vos développeurs d’installer un système de cache efficace.
Voici d’autres options pour aller encore plus loin (rarement nécessaire pour un site de moins de 1000 pages) :
- Optimiser votre hébergement : si vous êtes sur un hébergement partagé cela peut vous causer des ralentissements de site.
- Mettre en place un CDN : Content Delivery Network. En quelque sorte un système qui stocke votre contenu pour le montrer encore plus vite !
Pourquoi le temps de chargement est-il devenu essentiel en SEO ?
Depuis quelques années, Google a annoncé que la vitesse d’un site était d’une importance grandissante en SEO.
Google a alors mis en place ce qu’ils appellent les Core Web Vitals : des signaux de performance d’un site web qui feraient parti de leur critère de positionnement.
Il faut savoir une chose avec Google : ils aiment bien vous faire bosser à leur place !
Pour que Google montre votre site, il faut au départ que ces robots viennent sur votre site pour l’analyser et le comprendre.
Or si votre site est lent… Cela prendra beaucoup plus de temps à Google… Et qui dit temps dit … Argent ! Cela coûte beaucoup plus cher à Google de visiter un site long à charger. Sur 1 site cela ne change pas grand chose, mais l’impact financier à l’échelle du web !
Par conséquent, Google aime les sites qui chargent rapidement et va avoir tendance à les mettre en avant notamment lorsque tous les autres critères du SEO se valent entre deux pages (Contenu et backlinks).
Entre nous, je vais vous avouer quelque chose : pendant longtemps je n’ai pas cru à cette histoire de vitesse de chargement. Mais après quelques essais, force était de constater que la vitesse a un impact sur votre site et sur son positionnement SEO. C’est ce que je vous raconte dans la troisième partie de l’article.
L’impact utilisateur : le facteur sous-coté de la vitesse d’un site
Selon moi le premier impact d’un site lent est un impact utilisateur : vos futurs clients n’ont aucune envie d’attendre que votre site charge pendant des heures…
Imaginez : vous arrivez sur un site depuis Google et il ne charge pas. Est-ce que vous allez attendre ? Sûrement pas !
Pour l’anecdote, l’équipe de Barack Obama avait observé que l’optimisation de la vitesse de leur site augmentait les dons pendant la campagne de Barack Obama. Vous connaissez la suite de l’histoire… (bon c’est sûrement pas le seul facteur 😂).
C’est pareil sur votre site internet : augmenter la vitesse de chargement de votre site est une opportunité pour augmenter vos conversions.
Sans compter que si des personnes arrivent sur votre site depuis Google et retourne sur Google… Vous allez envoyer de très mauvais signaux aux algorithmes de Learning to Rank.
Pour ceux qui veulent quelques conseils sur la vitesse utilisateur je vous conseille cette vidéo de mon podcast POsition 0 dans laquelle nous parlons en détail de la vitesse utilisateur.
L’impact de l’accélération de la vitesse de chargement de son site en SEO
Si vous lisez de temps en temps ce blog, vous savez que j’aime illustrer mes propos par des exemples concrets que j’ai eu l’occasion de mettre à l’œuvre dans mes projets.
C’est le cas d’un de mes articles : le guide pour débutant en SEO.
Pendant longtemps, cet article stagnait autour de la quatrième position sur sa requête principale.
Après avoir optimisé le contenu, j’ai décidé de travailler l’optimisation du temps de chargement du site internet pour accélérer un peu le positionnement de cette page.
J’ai donc installé Wprocket et j’ai procédé à quelques optimisations.
Voici l’état de mon site avant les optimisations :
Après pas mal d’optimisations, voilà ou j’en suis :
Cependant, il a été difficile d’observer de véritables conséquences SEO à court terme.
Certes le trafic a redécollé à partir de début avril (les optimisations ont été faites le 28 février 2023). Cependant, plusieurs raisons peuvent causés ce décollage (mise à jour de contenus, saisonnalité…).
En revanche, j’ai observé que sur certains mots-clés assez concurrentiels, mes positions augmentaient après ces optimisations.
Conclusion : Mon conseil pour optimiser mon temps de chargement
Mon conseil est simple : comme toujours le SEO consiste à arbitrer et à prendre la meilleure décision pour optimiser votre investissement.
Pour prendre votre décision, je vous conseille de commencer par un audit du temps de chargement que je vous ai appris à le faire assez facilement ici (cela correspond pour des petits sites de moins de 2000 pages).
Selon les résultats, il vous faudra alors prendre une décision selon :
- Le temps à investir
- L’argent à investir (faible pour wordpress)
Si les coûts sont faibles, je vous conseille de ne pas hésiter et de foncer ! Les résultats répondront sans aucun doute à vos attentes !