Évaluer la vitesse de chargement de son site web

Ismael BOUKHARS
Blog de Capsens
Published in
4 min readJul 26, 2018

Depuis la mise à jour “Speed Update” déployée ce 9 juillet, Google déclasse progressivement les sites les plus lents à afficher du contenu aux utilisateurs sur mobile (plus d’informations sur la mise à jour).

Cette tendance à favoriser les sites rapides était déjà vraie auparavant mais Google se basait sur les résultats desktop et non mobile. De plus, s’il favorisait les sites rapides, ce n’est pas pour autant qu’il déclassait les sites les plus lents ; c’est désormais le cas.

La vitesse d’affichage d’une page internet dépend de beaucoup de facteurs, certains étant indépendants du site internet lui-même (tels que le navigateur, l’appareil ou la qualité de la connexion internet). Cependant, Google l’intègre dans son algorithme car celui-ci souhaite prioriser l’affichage de contenu de qualité à ses utilisateurs. Ceci dans le but de fournir la meilleure expérience-utilisateur possible, or une page internet longue à charger entraîne une expérience négative.

Un bon moyen de savoir rapidement comment se positionne votre site par rapport à la concurrence en terme de vitesse d’affichage est le Testmysite de Google disponible à cette adresse. L’outil prend quelques minutes à charger mais a l’avantage d’être très intuitif. De plus le résultat est très pertinent car il vous permet de comparer les performances de votre site avec celles de votre secteur et non de tous les sites.

Exemple de résultat de comparaison sectorielle obtenue via testmysite.withgoogle.com

Si vous constatez que le résultat obtenu ne vous convient pas ou que vous souhaitez tout simplement améliorer celui-ci, alors cet article est fait pour vous.

Quelques éléments sont déterminants dans les performances de votre site internet en terme de vitesse d’affichage. Dans cet article, nous ne considérerons toutefois que les améliorations possibles d’un point de vue design, il y a bien entendu une grande quantité de facteurs qui résident dans l’optimisation de l’algorithmique de votre site.

D’un point de vue design, si les critères énoncés dans cet article sont respectés, alors toutes les chances sont de votre côté pour que votre site web s’affiche très rapidement chez vos utilisateurs disposant d’une connexion internet correcte. Du moins plus rapidement que la concurrence et c’est l’essentiel ! 😄

Notez que ces améliorations sont universelles et fonctionneront quelque soit votre type de site, qu’il s’agisse d’un site réalisé à partir d’un CMS (Wordpress, Adobe Dreamweaver, Joomla! …), d’une interface WYSIWYG (Wix, Google sites …) ou que vous l’ayez développé vous-même.

Un bon moyen pour réaliser un premier état des lieux des améliorations possibles est d’utiliser le PageSpeed Insights de Google. Il s’agit d’un test qui prend quelques secondes à effectuer en saisissant l’url de son site à l’adresse suivante.

Exemple de résultat au test PageSpeed Insight de Google

Ce test nous donne alors en général deux résultats : une vitesse d’affichage moyenne de la page ainsi qu’un score sur 100, pour mobile et pour ordinateur. Il est possible que la vitesse d’affichage en secondes ne soit pas disponible dans votre cas, cela signifie que Google ne dispose pas de suffisamment de retours d’expériences sur les performances de votre site.

Concentrons nous plutôt sur le score sur 100. Ce score est le fruit d’un audit du code source de la page internet analysée selon 10 critères.
Voici comment interpréter ce score au PageSpeed Insight :

  • Bon score (80 et plus) : le code source de la page internet applique toutes les meilleures pratiques et la marge de manoeuvre laissée à l’optimisation de celle-ci est faible.
  • Score Moyen (entre 60 et 79) : le code source de la page applique certaines des meilleures pratiques mais quelques améliorations pourraient significativement impacter les performances de celle-ci.
  • Score médiocre (moins de 59) : le code source de la page peut-être considéré comme non optimisé et suivant le niveau de performance recherché, des optimisations sont nécessaires.

Voilà, vous avez désormais une bonne idée de comment votre site internet se situe en terme de vitesse d’affichage et surtout de comment Google le perçoit par rapport à celui de vos concurrents. Sur le blog de CapSens, nous publierons régulièrement des conseils sur l’optimisation de ces différents critères donc n’hésitez pas à vous abonner pour vous tenir au courant !

--

--

Ismael BOUKHARS
Blog de Capsens

Chef de projets web chez CapSens, développeur Ruby on Rails / React sur mon temps libre et passionné des technologies du web.