PageSpeed et Core Web Vitals: pourquoi la vitesse vend

Vous avez un beau site. Les photos sont nettes, le menu est complet, le formulaire de contact est en place. Pourtant les demandes n'arrivent pas comme vous l'espériez.

Avant de blâmer le contenu ou le prix, posez-vous une question simple: combien de temps votre page met-elle à s'afficher sur un téléphone, en 4G, à l'arrêt de bus? Parce que c'est là que la plupart de vos visiteurs vous découvrent.

Un visiteur qui attend une page blanche ne lit pas votre offre. Il revient en arrière et clique sur le concurrent juste en dessous. La vitesse n'est pas un détail technique réservé aux développeurs. C'est la première impression, et elle décide souvent si la vente a même une chance de commencer.

La vitesse, c'est de l'argent qui sort par la porte

Imaginez un restaurant à Casablanca. La carte est excellente, mais à l'entrée il y a une file de cinq minutes juste pour qu'on vous remette le menu. Beaucoup de gens repartent avant même de s'asseoir.

Une page lente, c'est exactement cette file d'attente. Le client était prêt à commander. Il n'a pas attendu.

Sur mobile, la patience est encore plus courte. Les gens scrollent vite, comparent vite, abandonnent vite. Chaque seconde d'attente est une occasion de partir. Et ce visiteur perdu, vous ne le voyez nulle part dans vos statistiques: il n'a jamais existé pour vous.

C'est ça le piège de la lenteur. Elle ne fait pas de bruit. Elle coûte des clients en silence.

Core Web Vitals: trois choses à comprendre, pas trente

Google a regroupé l'expérience d'une page en trois mesures concrètes, appelées Core Web Vitals. Pas besoin d'être ingénieur pour les comprendre.

• LCP (Largest Contentful Paint). Le temps que met le contenu principal à s'afficher. En clair: combien de temps avant que le visiteur voie quelque chose d'utile, comme votre titre ou votre photo de plat.
• INP (Interaction to Next Paint). La réactivité. Quand on clique sur un bouton ou qu'on ouvre un menu, est-ce que la page répond tout de suite ou est-ce qu'elle rame?
• CLS (Cumulative Layout Shift). La stabilité visuelle. Vous avez déjà voulu cliquer sur un bouton qui se décale au dernier moment parce qu'une image se charge en retard? Vous cliquez à côté, ça agace. Le CLS mesure ça.

Ces trois mesures décrivent ce que le visiteur ressent vraiment: vitesse d'affichage, réactivité, stabilité. C'est du concret, pas du jargon.

Pourquoi Google y tient (et pourquoi vous devriez aussi)

Google veut envoyer les gens vers des pages agréables à utiliser. Les Core Web Vitals font partie des signaux qu'il prend en compte pour classer les sites.

Donc une page lente vous pénalise deux fois. Une première fois auprès du visiteur qui abandonne. Une deuxième fois auprès de Google, qui hésite à vous mettre en avant.

Mais soyons honnêtes: ne corrigez pas votre vitesse uniquement pour Google. Corrigez-la pour la personne qui, à 21h, cherche un artisan, ouvre votre page, et décide en trois secondes si elle vous fait confiance ou pas. Le bon référencement suit une bonne expérience. Rarement l'inverse.

Comment mesurer, simplement et gratuitement

Bonne nouvelle: vous pouvez vérifier l'état de votre site en quelques minutes, sans rien installer.

• PageSpeed Insights. Allez sur l'outil de Google, collez l'adresse de votre page, lancez l'analyse. Il vous donne un aperçu mobile et un aperçu ordinateur. Regardez d'abord le mobile, c'est là que se joue l'essentiel.
• Lisez les vraies données d'usage. Quand l'outil affiche des données issues de visiteurs réels, c'est le plus fiable. Cela reflète ce que vos clients vivent, pas un test en laboratoire.
• Notez vos trois chiffres. LCP, INP, CLS. Vous n'avez pas besoin de tout comprendre. Notez juste ce qui apparaît en rouge ou en orange. C'est votre liste de priorités.
• Refaites le test après chaque changement. Une mesure isolée ne dit rien. C'est l'avant et l'après qui comptent.

Testez votre page d'accueil, mais aussi votre page de contact et votre page produit la plus importante. Ce sont elles qui transforment un curieux en client.

Un exemple concret: la boutique en ligne d'un artisan

Prenons un artisan de Fès qui vend ses pièces sur une petite boutique en ligne. Son catalogue est rempli de belles photos, prises en haute résolution directement depuis son téléphone.

Le problème: chaque photo pèse plusieurs méga-octets. Sur une connexion mobile moyenne, sa page produit met une éternité à s'afficher. Le visiteur voit un écran à moitié vide, des images qui se chargent ligne par ligne, et un bouton "Ajouter au panier" qui saute pendant le chargement. Il abandonne avant d'avoir vu le prix.

Les corrections les plus utiles dans ce genre de cas sont rarement compliquées:

• Compresser les images et les servir à la bonne taille, au lieu d'envoyer des photos énormes réduites par le navigateur.
• Réserver l'espace des images pour que rien ne saute pendant le chargement (ce qui règle le CLS).
• Retirer les scripts et widgets inutiles qui alourdissent la page sans rien apporter à la vente.

Ce ne sont pas des changements spectaculaires. Ce sont des changements qui font qu'une page s'affiche vite et reste stable. Et une page qui s'affiche vite laisse au visiteur le temps de tomber amoureux de la pièce, puis de cliquer pour l'acheter.

Par où commencer sans se noyer

La tentation, c'est de vouloir tout optimiser d'un coup. Mauvaise idée. Vous allez vous perdre dans des réglages obscurs et abandonner.

Faites simple. Lancez PageSpeed Insights sur vos deux ou trois pages clés. Regardez ce qui est en rouge. Dans la plupart des cas pour une PME, le coupable principal est le même: des images trop lourdes, et trop de scripts externes (chat, traceurs, animations) qui ne servent pas la vente.

Réglez ça d'abord. C'est souvent là que se cache le plus gros gain pour le moins d'effort. Le reste viendra ensuite, page par page.

À retenir

• La vitesse n'est pas un sujet technique, c'est un sujet de vente: une page lente fait partir le client avant qu'il lise votre offre.
• Les Core Web Vitals se résument à trois choses: l'affichage (LCP), la réactivité (INP), la stabilité (CLS).
• Une page lente vous pénalise deux fois: auprès du visiteur et auprès de Google.
• PageSpeed Insights est gratuit. Testez d'abord la version mobile de vos pages clés et notez ce qui est en rouge.
• Pour une PME, les premiers gains viennent presque toujours des images trop lourdes et des scripts inutiles.

Et sur VOTRE marketing?

Vous voulez savoir si votre site freine vos ventes sans que vous le voyiez? Chez QUALYDS, nous regardons vos surfaces publiques (votre site, vos pages, votre présence en ligne) et nous vous remettons un plan clair, dans un langage simple, avec ce qui compte d'abord.

C'est gratuit, sans engagement, et c'est pensé pour que vous puissiez agir vous-même si vous le souhaitez.

[Recevoir mon audit gratuit]

Articles liés: google-analytics-pme-debutant, optimiser-images-site-web, audit-technique-site-checklist