Core Web Vitals et INP sur Webflow : ce qui pèse vraiment sur le classement

Les Core Web Vitals sont trois mesures d'expérience (LCP, INP, CLS) que Google utilise comme signal de classement, mais elles pèsent bien moins que la pertinence du contenu : elles départagent surtout des pages comparables. Sur Webflow, la plupart des problèmes viennent de quelques causes récurrentes : images trop lourdes, scripts tiers, animations excessives et polices mal chargées. Cet article explique ce que mesure chaque indicateur, ce qui compte vraiment pour le SEO, et dans quel ordre corriger un site B2B.

Nous ne promettons aucun gain de position chiffré : un bon score ne remplace ni un contenu utile ni une architecture claire. Il évite en revanche de perdre des visiteurs avant même qu'ils aient lu la page.

Que mesurent LCP, INP et CLS ?

LCP mesure la vitesse d'affichage du contenu principal, INP la réactivité aux interactions, CLS la stabilité visuelle de la page. Ce sont les trois indicateurs du rapport Core Web Vitals de Google.

• LCP (Largest Contentful Paint) : le temps d'affichage du plus gros élément visible, souvent l'image ou le titre en haut de page. Google considère un LCP bon quand il reste sous 2,5 secondes.
• INP (Interaction to Next Paint) : le délai entre un clic, un toucher ou une saisie et la réponse visuelle de la page. Il a remplacé FID en 2024. Le seuil de « bon » est de 200 millisecondes.
• CLS (Cumulative Layout Shift) : les décalages inattendus de mise en page pendant le chargement. Le seuil de « bon » est de 0,1.

Ces seuils sont évalués sur des données de visiteurs réels, au 75e percentile, et non sur un test unique en laboratoire. Vérifiez-les dans Search Console (rapport Signaux Web essentiels) et dans PageSpeed Insights.

Les Core Web Vitals pèsent-ils vraiment sur le classement ?

Oui, mais modestement : Google les range parmi les signaux d'expérience de page, qui interviennent surtout quand deux contenus se valent. Une page très pertinente avec un mauvais score peut bien se positionner ; une page médiocre avec un score parfait ne montera pas pour autant.

L'intérêt principal est ailleurs. Une page lente ou instable fait fuir des visiteurs, réduit les formulaires envoyés et dégrade la perception de la marque. Pour un site B2B dont l'objectif est de générer des demandes de contact, la performance sert donc d'abord la conversion. Nous détaillons cette logique dans notre article sur les causes d'un site B2B qui ne convertit pas.

Pourquoi un site Webflow peut-il être lent ?

Webflow génère un code propre et héberge les sites sur un CDN, donc la lenteur vient presque toujours des choix de conception : médias lourds, scripts ajoutés et interactions superflues. La plateforme n'est pas en cause en elle-même.

Les causes les plus fréquentes :

• Des images exportées en très grande taille ou dans un format non optimisé.
• Des vidéos de fond chargées dès l'arrivée sur la page.
• Des scripts tiers (chat, outils de suivi, cartes, widgets) ajoutés sans arbitrage.
• Des polices personnalisées en trop grand nombre ou sans affichage de secours.
• Des animations déclenchées en cascade au chargement.

Comment améliorer le LCP sur Webflow ?

Réduisez le poids de l'image principale, évitez de la charger en différé et donnez-lui la priorité de chargement. Le LCP se joue presque toujours sur l'élément du haut de page.

• Utilisez des images aux dimensions réellement affichées, dans un format moderne comme WebP ou AVIF.
• Désactivez le chargement différé (lazy loading) pour l'image située en haut de page, et conservez-le pour les images plus bas.
• Remplacez une vidéo de fond par une image fixe ou une vidéo légère, chargée après l'affichage initial.
• Limitez le nombre de polices et de graisses, et prévoyez un affichage de secours.

Comment améliorer l'INP sur Webflow ?

Réduisez le JavaScript exécuté au chargement et simplifiez les interactions : un INP élevé vient presque toujours de scripts qui bloquent le fil principal. Chaque script tiers ajoute une part de ce travail.

• Faites l'inventaire des scripts du site et retirez ceux qui ne servent plus.
• Chargez les outils non essentiels (chat, enregistrement de sessions) après l'interaction ou après un délai.
• Évitez les interactions complexes déclenchées au clic sur des éléments très volumineux.
• Testez sur un téléphone d'entrée de gamme, plus révélateur qu'un ordinateur récent.

Si vous suivez le comportement des visiteurs avec des outils d'analyse, pesez leur coût : voyez notre article sur le suivi du parcours utilisateur sur Webflow.

Comment éviter les décalages de mise en page (CLS) ?

Réservez l'espace de chaque image, vidéo et bannière avant leur chargement, et évitez d'injecter du contenu au-dessus de ce que le visiteur lit. Un décalage se produit quand un élément apparaît sans place prévue.

• Renseignez toujours la largeur et la hauteur (ou un ratio) des images.
• Prévoyez une hauteur minimale pour les bannières de cookies et les encarts rapportés.
• Évitez les polices qui changent la largeur du texte au chargement.
• Testez les composants dynamiques comme les sliders ou les onglets.

Dans quel ordre corriger un site B2B ?

Commencez par mesurer sur les pages qui comptent (accueil, pages de service, pages d'atterrissage), puis traitez en priorité les images et les scripts, avant d'affiner le reste. Corriger tout le site d'un coup disperse l'effort.

1. Relevez les scores dans Search Console et PageSpeed Insights pour 5 à 10 pages clés.
2. Corrigez d'abord les images et la vidéo de la section principale.
3. Auditez et réduisez les scripts tiers.
4. Traitez les décalages visuels résiduels.
5. Remesurez après quatre semaines, car les données réelles se mettent à jour progressivement.

La performance fait partie d'un ensemble plus large : notre checklist SEO complète pour un site Webflow la replace dans les autres chantiers techniques.

Questions fréquentes

Un score PageSpeed de 100 est-il nécessaire ?

Non. Le score de laboratoire est un outil de diagnostic. Ce qui compte pour Google, ce sont les données réelles des visiteurs, évaluées par seuils « bon », « à améliorer » ou « médiocre ».

Pourquoi mes scores diffèrent-ils entre mobile et ordinateur ?

Parce que les conditions de test et les appareils diffèrent. Le mobile est généralement plus exigeant, et Google évalue les deux séparément.

Faut-il retirer toutes les animations ?

Non. Gardez celles qui servent la compréhension et limitez les autres, surtout au chargement.

Combien de temps avant de voir l'effet d'une correction ?

Les données réelles de Search Console se consolident sur plusieurs semaines. Prévoyez environ un mois avant de conclure.

À retenir

Les Core Web Vitals servent d'abord l'expérience du visiteur et la conversion ; ils complètent un bon contenu sans le remplacer. Pour comprendre comment la performance s'articule avec la visibilité dans les moteurs et les IA, lisez notre guide SEO, AEO et GEO sans jargon, ou découvrez notre approche SEO, AEO, GEO.