Comment tester et amĂ©liorer la vitesse d’un site web ?

Aujourd’hui, accrochez vos ceintures, car nous allons parler vitesse.

Imaginez-vous assis dans une voiture de course, prĂȘt Ă  dĂ©marrer sur un circuit Ă©pique.

Les moteurs vrombissent, l’adrĂ©naline monte, le public est lĂ , prĂȘt Ă  s’émerveiller devant vos contenus Ă©poustouflants… mais soudain, tout s’arrĂȘte.

Votre site rame comme une tortue asthmatique.

Vous voilĂ  bloquĂ© au dĂ©part, pendant que les visiteurs s’impatientent et cherchent dĂ©jĂ  la sortie.

AmĂ©liorer la vitesse d’un site web Ă©quivaut Ă  remplacer votre vieille voiture qui peine Ă  dĂ©marrer par une formule 1.

Sur un site rapide, les internautes naviguent (au lieu de rouler đŸ˜œ) Ă  travers les pages avec la lĂ©gĂšretĂ© d’un pilote de F1, en trouvant rapidement les informations dont ils ont besoin.

Mais sur un site lent, c’est comme s’ils Ă©taient coincĂ©s dans des embouteillages, en train de regarder leur montre en se demandant s’ils auront le temps de prendre leur cafĂ© avant que la page ne se charge.

Chaque seconde compte, que ce soit sur une piste de course ou lors de la navigation sur un site web.

Alors, assurez-vous d’avoir un site rapide qui vous propulse vers la victoire, sans vous laisser coincĂ© dans les stands en attendant que les pages se chargent (et que vos concurrents vous dĂ©passent 😏).

Lançons le top dĂ©part pour savoir comment tester et amĂ©liorer la vitesse d’un site Internet !

Qu’est-ce que la vitesse de chargement exactement ?

La vitesse de page correspond Ă  la durĂ©e pendant laquelle la page est tĂ©lĂ©chargĂ©e, Ă  partir des serveurs d’hĂ©bergement de site, et affichĂ©e sur le navigateur demandeur.

« Adeline, lĂ  t’es relou  »

Oui j’avoue.

Pour faire simple, c’est la durĂ©e entre le moment oĂč l’internaute clique sur un lien et le moment oĂč le contenu de la page s’affiche.

C’est le temps de rĂ©ponse, la vitesse d’affichage de votre site.

Et devinez quoi ?

On estime que cette vitesse est trop lente si elle est plus lente qu’un clignement des yeux, autrement dit, 400 millisecondes. Voici l’étude en question (attention c’est en anglais đŸ˜…).

Si la page ne s’est pas tĂ©lĂ©chargĂ©e en un clin d’Ɠil, l’internaute sera plus susceptible de quitter le site et votre taux de rebond va exploser.

Pour rappel, le taux de rebond est le pourcentage de visiteurs qui ne consultent qu’une seule page web lors de leur passage sur votre site


D’oĂč l’importance d’amĂ©liorer le temps de chargement.

vitesse d'un site web clin d'oeil

L’importance de la vitesse d’un site web

Sur le web (comme partout ailleurs), les utilisateurs sont devenus de plus en plus exigeants, recherchant des expĂ©riences fluides et rapides (ça dĂ©pend dans quel domaine quand mĂȘme 😜).

Donc plus votre site se charge rapidement, plus les visiteurs ont envie de rester, de lire votre contenu et de naviguer de pages en pages
 jusqu’à accĂ©der Ă  vos offres !

Vous voyez oĂč je veux en venir ?

Rapidité du temps de chargement = amélioration du taux de conversion de votre audience

Bon, j’avoue que le raccourci est vite fait, mais considĂ©rez la vitesse de votre site web comme un facteur essentiel pour garder vos lecteurs, les fidĂ©liser et vendre vos offres.

Et tant qu’ils restent chez vous, ils ne vont pas chez les autres. 😜

Mais ce n’est pas tout.

Le temps de chargement est un facteur pris en compte par les algorithmes de Google pour classer les sites web (référencement naturel SEO).

Votre classement sur les moteurs de recherche (Google Chrome, Firefox, etc.) peut donc ĂȘtre impactĂ© si la vitesse de votre site est trop lente.

Donc venons-en Ă  l’essentiel, comment tester ce temps de chargement et passer Ă  la vitesse supĂ©rieure ?

Comment tester correctement la vitesse d’un site Internet ?

Avant de faire rugir le moteur, il est important de savoir oĂč vous en ĂȘtes. Peut-ĂȘtre que vous n’avez jamais testĂ© la rapiditĂ© depuis votre crĂ©ation de site web.

Alors sachez que la vitesse de temps de chargement de votre site peut ĂȘtre testĂ©e gratuitement Ă  l’aide d’outils.

Voici mon top 3 :

Google PageSpeed Insights

Simple et rapide, il vous suffit de renseigner l’adresse URL Ă  tester et vous avez les rĂ©sultats en quelques secondes, que ce soit le temps de chargement pour mobile ou pour ordinateur.

Google PageSpeed Insights est, comme son nom l’indique, un outil conçu par Google.

Vous aurez Ă©galement des pistes d’amĂ©lioration pour rĂ©duire le temps de chargement de votre site web.

J’aime beaucoup la simplicitĂ© et la rapiditĂ© de cet outil, idĂ©al pour avoir toutes les infos nĂ©cessaires. La vitesse d’analyse est top, on n’a mĂȘme pas le temps de se servir un cafĂ©. 😁

GTMetrix

Champion toutes catĂ©gories confondues, GTMetrix est un outil gĂ©nial qui offre de multiples fonctionnalitĂ©s pour amĂ©liorer la vitesse d’un site web.

Vous saurez quels sont les problÚmes à régler en priorité. Vous aurez également une visualisation image par image du chargement de la page web de votre site.

La rapiditĂ© d’analyse est excellente et les infos fournies sont trĂšs claires.

C’est l’outil que je trouve le plus complet et le plus puissant, mais ce n’est que mon avis personnel.

Pingdom

L’outil idĂ©al pour tester la vitesse de chargement de votre site depuis diffĂ©rentes localisations. Une façon de vous assurer que vous ĂȘtes rapide sur tous les circuits.

Pingdom a aussi été pensé pour les sites e-commerce.

Vous y retrouverez, comme avec les autres outils, le temps de chargement des pages que vous testez, mais ce n’est pas tout.

Vous pourrez par exemple analyser l’interaction suivie et le temps de chargement entre deux pages. Trùs utile pour des pages importantes comme la page d’abonnement et de paiement !

Petit bĂ©mol, mĂȘme si l’outil est complet et gratuit, vous devez quand mĂȘme renseigner vos coordonnĂ©es.

Maintenant que vous savez comment tester la vitesse de votre site web gratuitement, il est temps de se retrousser les manches pour faire de votre voiture une formule 1 !

scooter vitesse d'un site web
Oui OK c’est pas une formule 1, mais j’aime bien cette image 😜

Comment amĂ©liorer la vitesse d’un site web ?

Vous avez établi votre temps au tour, il est donc temps de prendre des mesures pour améliorer vos performances et éviter au maximum le pogo sticking !

Voici quelques astuces pour ĂȘtre le roi de la vitesse :

Choisir le bon hébergeur

Choisissez un hébergeur web de choc : optez pour un hébergeur rapide et fiable qui ne vous laissera pas en rade sur le bas-cÎté à cause de sa faible vitesse.

Je ne vais pas vous parler de tous les hĂ©bergeurs web qui existent sur le marchĂ©. Disons que les 2 hĂ©bergeurs les plus rĂ©putĂ©s sont OVH et O2Switch.

Chez les Killeuses du Web, on a optĂ© pour O2Switch

Lorsque vous crĂ©ez un site Internet, le choix de l’hĂ©bergeur est trĂšs important !

Optimiser les images

L’idĂ©e ici est de compresser les images pour rĂ©duire leur poids, sans pour autant diminuer leur qualitĂ©. Vous pouvez rester sur un format JPEG, mais le format WEBP est prĂ©fĂ©rable

Pour convertir vos formats d’images en WEBP, c’est ici : https://convertio.co/fr/ (la version gratuite est limitĂ©e mais suffisante pour chaque article dans lequel vous insĂ©rez vos images).

Pour compresser vos images, vous pouvez ensuite le faire manuellement, une à une, à l’aide de TinyPNG (outil gratuit) ou opter pour un plugin de compression d’images, comme Imagify ou Smush.

AprĂšs avoir allĂ©gĂ© le poids des images, refaites un test de vitesse grĂące Ă  un outil d’analyse prĂ©cĂ©demment citĂ© et si vous faites encore face Ă  un chargement trop long, voici d’autres actions ! đŸ€—

Mettre en cache

La mise en cache permet de stocker certains fichiers sur disque ou en RAM, selon la configuration. Par consĂ©quent, le serveur va se rappeler et dupliquer le mĂȘme contenu qu’il servait dans le passĂ©.

RĂ©sultat ? Les pages web se chargent beaucoup plus rapidement, directement Ă  partir du cache.

Comment faire pour mettre en cache votre site web ?

Installez simplement un plugin de cache, tel que WP Super Cache et WP Rocket pour WordPress, ou demandez à un webmaster de s’occuper de cette mise en cache.

Installer un CDN (Content Delivery Network)

Le CDN est un réseau de diffusion de contenu qui permet de stocker les ressources de votre site web (pages HTML, des images et des vidéos) sur de multiples serveurs externes.

L’objectif du CDN est de minimiser la distance entre vos visiteurs et les serveurs d’origine, pour une diffusion plus rapide de vos contenus web.

Pour faire simple, si vous ĂȘtes situĂ© en France et qu’un de vos lecteurs est aux États-Unis, le CDN amĂ©liorera considĂ©rablement la rapiditĂ© de chargement de vos pages web.

Supprimer les scripts et les styles inutiles

VĂ©rifier votre codage (code HTML, CSS, JavaScript, etc.) est essentiel car les scripts et les styles inutiles ralentissent le chargement des pages, donc « nettoyez Â» ce qui doit l’ĂȘtre.

Si vous ĂȘtes un pilote chevronnĂ©, fusionnez les fichiers CSS et JavaScript pour Ă©liminer les requĂȘtes superflues et votre conduite sera plus fluide. 😉

améliorer vitesse d'un site web

Alléger le site web

En plus de l’optimisation d’images, la mise en place d’un systĂšme de cache, l’installation d’un CDN et le nettoyage du codage, vous pouvez Ă©galement :

  • dĂ©sinstaller les extensions inutiles de votre CMS (que ce soit sur WordPress, Wix, etc.),
  • supprimer les Ă©ventuels liens morts de vos pages (liens internes et liens externes),
  • compresser les pages HTML en rĂ©duisant la taille des ressources.

Mais comme j’ai peur de vous avoir perdu avec toutes mes explications techniques, voici une solution hyper facile


Faire appel Ă  un dĂ©veloppeur web pour optimiser la vitesse d’un site web

Si la technique n’est pas votre point fort, faites tout simplement appel Ă  un dĂ©veloppeur web pour amĂ©liorer la vitesse de votre site.

Étant donnĂ© que le temps de chargement des pages est un Ă©lĂ©ment trĂšs important pour le SEO et pour la fidĂ©lisation de vos visiteurs, il peut ĂȘtre trĂšs utile de dĂ©lĂ©guer cette mission Ă  un professionnel.

Mais attention, vĂ©rifiez bien que les rĂ©sultats soient au RDV !

Donc testez votre site AVANT l’intervention du webmaster, puis APRÈS, et demandez ce qui a Ă©tĂ© mis en place pour amĂ©liorer les performances.

FĂ©licitations, vous avez franchi la ligne d’arrivĂ©e !

GrĂące aux 3 outils de test gratuits que j’ai Ă©voquĂ©s et aux actions Ă  mettre en place, vous pouvez maintenant analyser la vitesse de chargement de votre site Internet et optimiser les performances.

N’oubliez pas que la vitesse d’un site web est trĂšs importante pour le SEO, mais aussi pour l’UX (expĂ©rience utilisateur), donc vous ferez d’une pierre deux coups : ATTIRER et FIDÉLISER. 😉

Picture of Adeline MANGIAROTTI
Adeline MANGIAROTTI
Killeuse du web

Vous partagez ?

Laisser un commentaire