Aller au contenu
Fixe : 05 25 22 33 32 GSM : 06 60 38 65 00 WhatsApp
Devis

Technique

Vitesse d'un site web : comment la mesurer et l'améliorer

La vitesse d'un site web se juge sur trois mesures de Google, les Core Web Vitals : l'affichage du contenu principal en moins de 2,5 secondes (LCP), une réaction aux clics en moins de 200 millisecondes (INP) et une mise en page stable (CLS sous 0,1). Images, hébergement et scripts tiers expliquent la plupart des lenteurs.

Publié le , mis à jour le , par Développeur Informatique.ma

Traînées lumineuses de voitures sur une autoroute menant vers des gratte-ciel au crépuscule (illustration : vitesse site web)
Photo : Joey Kyber, CC0 · crédits

Pourquoi la vitesse d'un site web pèse-t-elle sur vos ventes ?

Un visiteur qui attend ne lit pas votre offre : il revient aux résultats de recherche et clique sur le concurrent. La lenteur se paie donc deux fois, en visiteurs perdus et en budget publicitaire gaspillé, puisque chaque clic acheté mène à une page que certains n'attendront pas.

Le sujet touche aussi le référencement. Google indique dans sa documentation sur les Core Web Vitals que ces mesures, avec les autres aspects de l'expérience de page, correspondent à ce que ses systèmes de classement cherchent à récompenser.

Il faut garder la mesure : un site rapide et vide ne passera pas devant un site utile et un peu lent. La vitesse d'un site web départage des pages de qualité comparable. C'est un critère d'hygiène, à traiter une bonne fois, puis à surveiller.

Quelles sont les 3 mesures de la vitesse d'un site web ?

Google a retenu trois indicateurs, les Core Web Vitals, décrits sur web.dev. Chacun correspond à une gêne concrète pour le visiteur.

Quelles sont les 3 mesures de la vitesse d'un site web ?
MesureCe qu'elle mesureSeuil « bon »Ce que voit le visiteur quand elle est mauvaise
LCP (Largest Contentful Paint)Le temps d'affichage du plus grand élément visible2,5 secondes ou moinsUn écran blanc ou incomplet à l'ouverture
INP (Interaction to Next Paint)Le temps de réaction à un clic, une saisie, un appui200 millisecondes ou moinsUn bouton qui semble ne pas répondre
CLS (Cumulative Layout Shift)Les décalages de mise en page pendant le chargement0,1 ou moinsUn texte qui saute, un clic qui tombe à côté

Ces seuils s'apprécient sur 75 % des visites, séparément sur mobile et sur ordinateur. Autrement dit, il ne suffit pas que le site soit rapide sur votre poste de bureau relié à la fibre : il doit l'être pour les trois quarts de vos visiteurs réels, téléphone d'entrée de gamme et réseau mobile compris.

Rubrique des fonctionnalités de l'application sur le site FOOT COMMUNITY, avec deux écrans de l'application mobile
Exemple de projet réalisé par l'agence : FOOT COMMUNITY, site vitrine en une page.

Comment tester la vitesse de votre site web ?

L'outil de référence est PageSpeed Insights, gratuit. Saisissez l'adresse d'une page, et il renvoie deux séries de résultats qu'il ne faut pas confondre.

  • Les données de terrain : ce qu'ont réellement vécu les utilisateurs de Chrome sur les 28 derniers jours. Ce sont elles qui comptent.
  • Les données de laboratoire : une simulation sur un appareil et un réseau fixes. Elles servent à diagnostiquer, pas à juger.
  • Le score sur 100 : un résumé de la simulation. À partir de 90, il est considéré comme bon ; sous 50, comme mauvais.

Ces définitions figurent dans la documentation de PageSpeed Insights. Un site récent ou peu visité n'a pas encore de données de terrain : seul le laboratoire s'affiche, et il faut le lire avec prudence.

Trois réflexes rendent le test utile. Testez la page d'accueil, mais aussi une page de service et une fiche produit, car les gabarits diffèrent. Regardez l'onglet mobile en premier. Et refaites la mesure plusieurs fois : le résultat varie d'un test à l'autre, seule la tendance compte.

Un score de 100 n'est pas un objectif commercial. Passer les trois seuils sur mobile suffit. Au-delà, chaque point gagné coûte plus cher que le précédent et ne rapporte presque rien.

Qu'est-ce qui ralentit un site web ?

Les causes qui dégradent la vitesse d'un site web sont peu nombreuses et se répètent d'un site à l'autre. Les connaître permet de lire un devis d'optimisation sans se faire vendre du vent.

  • Des images trop lourdes : une photo de plusieurs mégaoctets affichée dans une vignette, sans format moderne ni dimensions adaptées au téléphone.
  • Un hébergement lent : le serveur met trop de temps à envoyer le premier octet, et tout le reste attend.
  • Trop d'extensions : sur WordPress, chaque extension ajoute ses propres fichiers, chargés sur toutes les pages même quand elle ne sert que sur une.
  • Des scripts tiers : messagerie instantanée, carte interactive, pixels publicitaires, vidéos intégrées.
  • Des polices nombreuses : chaque famille et chaque graisse se télécharge.
  • Un constructeur de pages lourd, qui génère beaucoup de code pour un rendu simple.
  • L'absence de cache et de compression côté serveur.

Le choix de la technologie joue, sans être une fatalité : un WordPress sobre peut être rapide, un site sur mesure mal construit peut être lent. Notre comparaison WordPress ou site sur mesure détaille ce point, et l'article sur l'hébergement d'un site web au Maroc explique ce qu'il faut exiger du serveur.

Comment améliorer la vitesse d'un site web : 9 leviers classés

Tous les leviers ne se valent pas. Le tableau les classe par effet attendu et par effort, pour commencer par ce qui rapporte le plus.

Comment améliorer la vitesse d'un site web : 9 leviers classés
LevierMesure concernéeEffetEffort
Redimensionner et compresser les images (WebP ou AVIF)LCPFortFaible
Ne pas différer l'image principale, différer celles hors écranLCPFortFaible
Activer le cache et la compression du serveurLCPFortFaible
Réserver les dimensions des images, vidéos et bannièresCLSFortFaible
Retirer les extensions et scripts inutilesINP, LCPFortMoyen
Charger les scripts tiers après le contenu, ou au clicINPMoyenMoyen
Limiter les polices à deux familles, auto-hébergéesLCP, CLSMoyenFaible
Changer d'hébergement ou ajouter un réseau de diffusionLCPFortMoyen
Reconstruire les gabarits les plus lourdsLes troisFortÉlevé

Un détail technique fait souvent la différence : l'image principale de la page ne doit jamais être chargée en différé. Le guide de Google sur l'optimisation du LCP le dit sans détour, alors que beaucoup d'extensions d'optimisation appliquent le chargement différé à toutes les images sans distinction.

Les six premiers leviers suffisent, dans la majorité des cas, à redresser la situation sans toucher au design. Si, après cela, les seuils ne sont toujours pas atteints, le problème vient du socle : thème, constructeur de pages ou architecture.

Optimiser ou refaire : que choisir quand le site reste lent ?

L'optimisation a un plafond. Sur un site monté avec un thème généraliste et une vingtaine d'extensions, on peut gagner beaucoup, mais rarement atteindre les seuils sur mobile. À ce stade, continuer à corriger revient à payer plusieurs fois pour un résultat fragile, qui se dégrade à chaque mise à jour.

Trois signaux indiquent qu'une refonte est plus raisonnable : le site a plusieurs années et n'a jamais été pensé pour le mobile, chaque modification casse autre chose, et le contenu lui-même doit être revu. Dans ce cas, la vitesse se traite à la conception, pas après coup.

L'article quand lancer la refonte d'un site web aide à trancher, et la page création de site web décrit ce que comprend un projet.

À l'inverse, si le site est récent et bien construit, ne le refaites pas pour quelques points de score. Un travail ciblé sur les images et les scripts tiers suffit souvent, et c'est la solution la moins chère.

Comment exiger la vitesse d'un site web dans un devis ?

La vitesse d'un site web se négocie avant la signature, pas à la livraison. Un devis qui se contente de la mention « site optimisé » ne vous protège de rien. Demandez des engagements vérifiables.

  1. Les trois seuils des Core Web Vitals atteints sur mobile, mesurés sur les gabarits principaux à la mise en ligne.
  2. Un poids maximal par page et un nombre maximal de scripts tiers.
  3. Des images livrées dans un format moderne, avec plusieurs tailles selon l'écran.
  4. La liste des extensions installées et la raison de chacune.
  5. Un contrôle de la vitesse après chaque évolution importante, inclus dans la maintenance.

Dans nos devis, l'optimisation responsive et la performance forment un poste à part entière, au même titre que le design et le référencement technique. Vous pouvez comparer les postes sur la page tarifs. La vitesse fait aussi partie des points contrôlés lors d'un audit SEO de site web.

Votre site est lent et vous ne savez pas s'il faut l'optimiser ou le refaire ? Envoyez son adresse via la page demande de devis : le devis, détaillé poste par poste, reste valable 15 jours.

Questions fréquentes

Les réponses courtes, à citer telles quelles.

Quel est un bon temps de chargement pour un site web ?

Google considère comme bon un affichage du contenu principal (LCP) en 2,5 secondes ou moins, sur 75 % des visites. C'est le repère à retenir, plutôt qu'un temps de chargement total qui dépend de ce que l'on mesure.

La vitesse d'un site web influence-t-elle le référencement ?

Oui, de façon mesurée. Google indique que les Core Web Vitals correspondent à ce que ses systèmes de classement cherchent à récompenser, mais la pertinence du contenu reste déterminante. La vitesse départage surtout des pages de qualité proche.

Faut-il viser 100 sur PageSpeed Insights ?

Non. Le score est un résumé de laboratoire, utile pour diagnostiquer. L'objectif raisonnable est de passer les trois seuils de terrain sur mobile.

Un site WordPress peut-il être rapide ?

Oui, s'il repose sur un thème léger, peu d'extensions, des images bien préparées et un bon hébergement. Ce sont les constructeurs de pages lourds et l'empilement d'extensions qui ralentissent WordPress, pas l'outil lui-même.

Combien coûte cette amélioration ?

Cela dépend de l'origine de la lenteur : corriger des images et des scripts demande peu de travail, reprendre un thème ou changer d'hébergement en demande davantage. Le chiffrage se fait sur devis, après un diagnostic des gabarits principaux.

Parlons de votre projet

Décrivez votre besoin en 2 minutes. Vous recevez un devis détaillé poste par poste, gratuit et sans engagement.