Core Web Vitals : pourquoi la vitesse de votre site impacte directement vos ventes

Un visiteur attend en moyenne 3 secondes avant d'abandonner un site trop lent. Après 3 secondes, vous perdez 53% de vos visiteurs mobiles. Ce n'est pas une opinion — c'est une donnée Google tirée de milliards de sessions réelles.

En 2025, la performance web n'est plus un détail technique réservé aux développeurs. C'est un facteur business direct qui affecte votre trafic organique, votre taux de conversion et votre image de marque.

Qu'est-ce que les Core Web Vitals ?

Les Core Web Vitals sont trois métriques définies par Google pour mesurer l'expérience utilisateur réelle d'une page web. Depuis 2021, elles sont intégrées comme signal de classement dans l'algorithme Google — ce qui signifie qu'un site rapide est favorisé dans les résultats de recherche.

LCP — Largest Contentful Paint

Le LCP mesure le temps qu'il faut pour afficher le plus grand élément visible de la page (généralement une image hero ou un titre principal).

• Bon : moins de 2,5 secondes
• À améliorer : entre 2,5 et 4 secondes
• Mauvais : plus de 4 secondes

Un mauvais LCP = votre visiteur voit une page blanche pendant plusieurs secondes avant que le contenu apparaisse. C'est une première impression désastreuse.

INP — Interaction to Next Paint

L'INP mesure la réactivité de votre page aux interactions utilisateur : clics sur un bouton, navigation dans un menu, soumission d'un formulaire.

• Bon : moins de 200ms
• À améliorer : entre 200 et 500ms
• Mauvais : plus de 500ms

Un mauvais INP = votre formulaire de contact met 2 secondes à répondre quand quelqu'un clique sur "Envoyer". Frustrant, et souvent synonyme d'abandon.

CLS — Cumulative Layout Shift

Le CLS mesure la stabilité visuelle de la page — est-ce que les éléments bougent pendant le chargement ?

• Bon : moins de 0,1
• À améliorer : entre 0,1 et 0,25
• Mauvais : plus de 0,25

Un mauvais CLS = vous cliquez sur un lien, mais juste avant que vous cliquiez, une pub se charge et le bouton se déplace. Vous cliquez ailleurs. C'est frustrant ET ça nuit à la confiance.

L'impact business : les chiffres qui parlent

Ce n'est pas que technique — c'est directement lié à votre chiffre d'affaires :

Amazon : chaque 100ms de ralentissement = 1% de ventes en moins.
Google : 0,5 secondes de délai supplémentaire = 20% de moins de trafic organique.
Walmart : pour chaque seconde d'amélioration de la vitesse de chargement = 2% d'augmentation des conversions.

Pour une PME montréalaise, si votre site génère 10 demandes de contact par mois et que vous l'optimisez pour passer de 4 secondes à 1,5 secondes de chargement, vous pourriez réalistement passer à 14-16 demandes sans augmenter votre budget publicitaire.

Pourquoi la plupart des sites sont lents

Les causes les plus fréquentes de mauvaise performance que je rencontre chez mes clients :

1. Images non optimisées : Des photos de 5MB en JPEG là où un WebP de 200KB suffit. C'est souvent la cause numéro 1 d'un mauvais LCP.

2. JavaScript bloquant : Des scripts tiers (widgets de chat, analytics trop nombreux, pixels publicitaires) qui bloquent le rendu de la page.

3. Hébergement sous-dimensionné : Un hébergement partagé bon marché peut ajouter 1-2 secondes de latence serveur à chaque requête.

4. Pas de CDN : Sans réseau de distribution de contenu, votre serveur à Montréal doit répondre aux visiteurs de Paris ou Tokyo avec une latence importante.

5. WordPress surchargé : WordPress avec 40 plugins est souvent la combinaison la plus létale pour la performance. Les plugins s'accumulent, chacun ajoutant du code CSS et JavaScript.

Comment Nuxt.js règle ces problèmes nativement

C'est l'un des principaux avantages de Nuxt.js pour les sites web à Montréal :

Génération statique : Les pages sont pré-générées et servies instantanément depuis un CDN mondial. Le serveur ne calcule rien au moment de la requête — la page est déjà prête.

Optimisation automatique des images : Le composant <NuxtImg> convertit automatiquement en WebP, redimensionne selon l'écran, et charge les images en lazy loading.

Code splitting intelligent : Nuxt découpe automatiquement votre JavaScript en petits morceaux chargés uniquement quand nécessaire, réduisant drastiquement la quantité de JS envoyée au premier chargement.

CSS critique inline : Le CSS nécessaire pour afficher le contenu visible est automatiquement injecté dans le HTML, éliminant les requêtes CSS bloquantes.

Prefetching intelligent : Nuxt précharge en arrière-plan les pages vers lesquelles l'utilisateur est susceptible de naviguer, rendant les transitions presque instantanées.

Comment mesurer la performance de votre site

Trois outils gratuits pour auditer votre site dès maintenant :

1. Google PageSpeed Insights (pagespeed.web.dev) : L'outil officiel Google. Entrez votre URL et obtenez un score détaillé avec des recommandations concrètes.
2. Lighthouse dans Chrome DevTools : Ouvrez n'importe quel site dans Chrome, F12, onglet Lighthouse, et lancez un audit complet.
3. WebPageTest (webpagetest.org) : Plus technique, mais vous donne une vision détaillée de chaque ressource chargée et où le temps est perdu.

Votre site est-il à la hauteur ?

Si votre score PageSpeed est inférieur à 70 sur mobile, vous perdez probablement des clients chaque jour sans le savoir. La bonne nouvelle ? Ces problèmes sont presque toujours solubles.

Contactez-moi pour un audit gratuit de la performance de votre site web à Montréal. Je vous remets un rapport détaillé avec les points d'amélioration prioritaires.