La vitesse de chargement est le temps nécessaire au chargement d’une page Web. La vitesse de chargement d’une page est déterminée par plusieurs facteurs différents, notamment le serveur d’un site, la taille du fichier de la page et la compression de l’image.
Cela dit :
La « vitesse de la page » n’est pas aussi simple qu’il n’y paraît.
En effet, il existe de nombreuses façons différentes de mesurer la vitesse des pages. Voici trois des plus courants :
Page entièrement chargée : Il s’agit du temps qu’il faut pour que 100 % des ressources d’une page se chargent. Il s’agit de la méthode la plus simple pour déterminer la vitesse de chargement d’une page.
Temps jusqu’au premier octet : Cela mesure le temps qu’il faut à une page pour démarrer le processus de chargement.
Si vous avez déjà atterri sur une page et que vous avez regardé un écran blanc pendant quelques secondes, c’est le TTFB à l’œuvre.
Première peinture significative/Première peinture contextuelle : Temps nécessaire à une page pour charger suffisamment de ses ressources pour qu’un utilisateur puisse lire le contenu de cette page.
Par exemple, supposons que vous ayez un article de blog qui prend 10 secondes pour se charger complètement.
C’est long… si vous regardez UNIQUEMENT le temps qu’il faut pour que la page entière se charge.
D’autre part, prêter attention à First Meaningful Paint représente parfois mieux la façon dont les utilisateurs interagissent réellement avec votre page lors de son chargement.
Par exemple, regardons à nouveau la page qui prend 10 secondes pour charger toutes les ressources de la page.
Même si le chargement de la page entière prend un certain temps, lorsqu’un utilisateur atterrit pour la première fois sur la page, il obtient une « première peinture significative » après 1,5 seconde.
Ce qui signifie qu’ils peuvent commencer à interagir avec votre page presque instantanément. Donc, pour un utilisateur, votre page est rapide.
Conclusion?
Il existe de nombreuses façons de mesurer la vitesse des pages. Et il n’y a pas de « bonne » mesure qui bat toutes les autres. Ils ont tous des avantages et des inconvénients.
Au lieu de cela, concentrez-vous sur l’amélioration de la vitesse de chargement de votre page pour TOUTES les mesures que vous trouvez.
Pourquoi la vitesse des pages est-elle importante pour le référencement ?
Google utilise la vitesse des pages comme facteur de classement depuis 2010.
Et en 2018, Google a renforcé l’importance de la vitesse des pages avec la mise à jour « Speed ».
Un site Web à chargement lent peut nuire à votre classement Google.
La question est la suivante : comment Google détermine-t-il la vitesse de chargement de votre site ? Regardent-ils combien de temps il faut pour que 100 % de la page se charge ? Ou TTFB ?
Ils n’ont fait aucune déclaration officielle à ce sujet. Mais étant donné qu’ils rendent compte de toutes ces mesures dans leur outil PageSpeed Insights, je me dis qu’ils utilisent probablement une combinaison de différentes mesures de vitesse de page :
Avec cela, voici comment améliorer la vitesse de chargement de votre site.
Bonnes pratiques
Compresser les images
Je mets cela en premier parce que c’est généralement la plus grande victoire.
Après tout, les images occupent généralement 50 à 90 % de la taille d’une page.
Si votre site fonctionne sur WordPress, je vous recommande vivement un plugin appelé WP Smush.
Nettoyez et compressez votre code
En d’autres termes : minifiez les ressources qui se trouvent sur votre page.
Cela comprend :
- HTML
- CSS
- Javascript
- Et tout autre code trouvé sur votre page
Votre première étape devrait être de nettoyer tout code gonflé que vous avez sur votre page. Ce code supplémentaire peut provenir de fonctionnalités que vous n’avez plus sur votre site. Ou à cause d’un travail de développeur de mauvaise qualité.
Quoi qu’il en soit : plus votre code est propre, plus les choses se chargeront rapidement.
(Oui, ça rime 🙂)
Ensuite, compressez votre code à l’aide d’un programme comme GZip.
Mettre à niveau l’hébergement
C’est un conseil dont je ne vois pas assez de gens parler.
Vous pouvez nettoyer votre code et compresser l’image toute la journée. Mais si vous dépensez 2€ /mois en hébergement, votre site ne se chargera pas rapidement.
C’est parce que vous partagez un serveur avec un million d’autres sites Web.
Il y a un million d’hébergeurs Web. Je ne peux donc pas en recommander un en particulier.
Mais je peux dire qu’en règle générale : quand il s’agit d’héberger, vous en avez pour votre argent.
Donc, si vous voulez vraiment améliorer la vitesse de chargement de votre site, il est peut-être temps de passer à un hébergeur premium ou à un serveur dédié.
Activer la mise en cache du navigateur
Cela permet aux utilisateurs de stocker des parties de votre page dans le cache de leur navigateur.
Ainsi, la prochaine fois qu’ils visitent votre site, il se charge BEAUCOUP plus rapidement.
Malheureusement, cela n’aidera pas votre page à se charger plus rapidement pour les nouveaux visiteurs. Mais c’est idéal pour améliorer votre vitesse de chargement pour les personnes qui ont déjà visité votre site.
Vous pouvez configurer la mise en cache du navigateur dans votre fichier .htaccess. Ou avec un plugin WordPress.
Mettre en place un CDN
Un réseau de diffusion de contenu (CDN) est l’un des moyens les plus simples d’augmenter la vitesse de chargement de votre site.
Les CDN fonctionnent en déterminant où se trouve physiquement votre visiteur… puis de servir les ressources de votre site à partir d’un serveur proche de ceux-ci.
Testez avec plusieurs outils de test de vitesse de page
Maintenant que vous avez mis en œuvre ces étapes, il est temps de voir où vous en êtes.
Et je vous recommande de tester la vitesse de votre page à l’aide de deux outils différents.
Le premier est Google PageSpeed Insights.
Ils ont récemment ajouté une fonctionnalité qui signale le temps de chargement de votre site pour les utilisateurs humains réels (en utilisant les données du navigateur Google Chrome).
Ensuite, nous avons WebPageTest.org.
Vous voulez aller encore plus loin ? Découvrez mon guide complet de référencement naturel.
