Pourquoi les Core Web Vitals comptent vraiment
Un site WordPress peut sembler rapide « à l’oeil », tout en étant pénalisé par des lenteurs réelles sur mobile. Les Core Web Vitals (LCP, INP, CLS) aident à objectiver la vitesse, la réactivité et la stabilité visuelle. Résultat attendu : moins d’abandons, plus de demandes de contact, et un SEO qui respire mieux.
Pour une audience en Suisse romande (Genève, Lausanne, Vaud, Valais, Fribourg, Neuchâtel, Jura), la performance se joue aussi sur l’infrastructure : latence, qualité d’hébergement, cache, et poids des médias.
1) Mesurer avant de modifier
Avant toute optimisation, il faut un point de départ fiable.
- Google PageSpeed Insights : utile pour une photo instantanée.
- Google Search Console : rapport « Signaux Web essentiels » pour la tendance.
- Tests réels mobile : 4G, smartphone standard, navigation sur 3 à 5 pages clés.
Astuce : noter 3 pages prioritaires (Accueil, Service principal, Contact ou page de vente) et mesurer toujours les mêmes.
2) Réduire le LCP en s’attaquant au « gros élément »
Le LCP correspond souvent à une grande image de couverture, un slider, ou un bloc hero.
Actions efficaces :
- Remplacer les sliders par un visuel unique, optimisé.
- Définir les dimensions exactes des images (pas de « plein pot » redimensionné par le navigateur).
- Convertir en WebP et compresser correctement.
- Éviter les vidéos en lecture automatique dans le hero.
3) Optimiser les images de façon systématique
Les images sont la première source de surcharge sur la majorité des sites WordPress.
Checklist rapide :
- Format WebP pour la plupart des visuels.
- Poids cible : souvent 80-200 Ko par image (selon contexte), et rarement plus.
- Lazy-load pour les images hors écran.
- Miniatures adaptées : ne pas servir une image 2400 px pour un bloc affiché en 800 px.
4) Stabiliser le CLS (les sauts de mise en page)
Le CLS augmente quand des éléments bougent pendant le chargement (images sans taille, polices, bandeaux, cookies).
Points à corriger :
- Toujours définir largeur/hauteur pour images et iframes.
- Réserver la place des bannières (cookie, promo, pop-up) au lieu de les injecter sans espace.
- Limiter les animations qui décalent la mise en page.
5) Améliorer l’INP en réduisant le JavaScript inutile
L’INP mesure la réactivité lors d’une interaction (clic, menu, formulaire, ajout au panier).
Actions concrètes :
- Désactiver les scripts globaux non indispensables (plugins trop « généreux » en assets).
- Charger certains scripts uniquement sur les pages qui en ont besoin (ex. WooCommerce, formulaires).
- Remplacer les widgets lourds par des alternatives plus simples.
6) Mettre en place un vrai cache de page
Le cache est souvent l’optimisation la plus rentable.
- Activer le cache côté serveur si l’hébergeur le propose.
- Ajouter un cache WordPress fiable si nécessaire (configuration propre, pas juste « installer et oublier »).
- Vérifier l’exclusion des pages dynamiques : panier, caisse, compte (WooCommerce).
7) Activer la compression et le bon HTTP
À vérifier côté serveur :
- Brotli ou Gzip activé.
- HTTP/2 ou HTTP/3 si disponible.
- Headers de cache corrects sur les fichiers statiques (images, CSS, JS).
Ces réglages font une vraie différence, surtout avec un trafic mobile.
8) Utiliser un CDN quand l’audience est répartie
Même en Suisse, un CDN peut aider (et pas uniquement pour l’international).
- Mise en cache des ressources statiques.
- Diminution de la latence.
- Possibilité d’activer des optimisations (selon solution).
Cloudflare, par exemple, est souvent utilisé pour le CDN/DNS, avec des gains sensibles sur les médias et la stabilité.
9) Soigner les polices (souvent sous-estimé)
Les polices web peuvent ralentir le rendu et provoquer du CLS.
Bonnes pratiques :
- Utiliser WOFF2.
- Limiter le nombre de graisses (2 ou 3 maximum).
- Héberger localement les polices quand c’est pertinent.
- Éviter les packs « tout inclus » non utilisés.
10) Réduire les scripts tiers (tracking, chat, embeds)
Chaque script externe ajoute des requêtes, parfois du blocage, et peut dégrader l’INP.
À rationaliser :
- Garder GA4 et/ou un tag manager, mais supprimer les doublons.
- Limiter les pixels publicitaires aux besoins réels.
- Remplacer certains embeds (Google Maps, vidéos) par un chargement au clic.
11) WooCommerce : éviter le chargement partout
Sur une boutique, il est fréquent de charger des éléments e-commerce sur des pages qui n’en ont pas besoin.
Pistes :
- Désactiver certains styles/scripts WooCommerce sur les pages non boutique.
- Optimiser les pages produit (images, variations, widgets).
- Surveiller les plugins de paiement et de livraison : utiles, mais parfois lourds.
12) Instaurer une routine mensuelle (simple, mais régulière)
La performance se dégrade souvent avec le temps : nouveaux plugins, nouveaux visuels, scripts ajoutés.
Routine recommandée :
- Mises à jour (WP, thème, plugins) avec contrôle rapide.
- Vérification PageSpeed sur 2-3 pages clés.
- Nettoyage : plugins inutilisés, médias trop lourds, pages oubliées.
- Contrôle Search Console (erreurs, signaux web).
En pratique : par quoi commencer cette semaine
- Optimiser les images de la page d’accueil (WebP + dimensions + poids).
- Supprimer un plugin ou un widget non indispensable.
- Activer ou corriger le cache.
- Refaire un test, comparer, documenter.
Besoin d’un audit Core Web Vitals sur WordPress, avec une approche adaptée au marché suisse romand et à votre cible locale ? ClickClick.ch peut cadrer les priorités, corriger l’essentiel, puis mettre en place une routine de maintenance qui évite les rechutes.
