Core Web Vitals INP : 7 corrections pour WordPress

INP (Interaction to Next Paint) mesure la réactivité d’une page quand on clique, touche ou tape au clavier. Sur WordPress, ce sont presque toujours les mêmes coupables : scripts tiers, conteneur Tag Manager encombré, pop-ups, menus en JavaScript. Voici 7 corrections à appliquer dans l’ordre, avec la façon de mesurer l’effet de chacune.

Pourquoi INP plus que jamais en 2026

Google a fait d’INP une métrique Core Web Vitals en mars 2024, à la place de FID. Les seuils publiés sur web.dev sont les suivants (75e centile des visites réelles) :

• 200 ms ou moins : bon
• entre 200 et 500 ms : à améliorer
• plus de 500 ms : mauvais

Les 7 fixes WordPress qui marchent

Fix 1 — Audit des scripts tiers (le plus impactant)

C’est la cause la plus fréquente. Tag Manager, pixels Meta ou TikTok, Hotjar, pop-ups, widgets de chat : chargés de façon synchrone, ils occupent le fil principal du navigateur.

Méthode :

1. Ouvrez Chrome DevTools → Network → cochez « JS » et « Doc »
2. Filtrez par tiers (tout ce qui n’est pas votre domaine)
3. Listez chaque script et sa raison d’être
4. Supprimez tout ce qui n’est pas activement utile

Mesure : comparez l’INP de laboratoire (onglet Performance de Chrome) avant et après, puis les données réelles 28 jours plus tard.

Fix 2 — Async/defer tous les scripts non-critiques

Les scripts restants doivent charger en async ou defer. WordPress ne le fait PAS automatiquement — vous devez ajouter ces attributs.

Solution : plugin Async JavaScript (gratuit) ou code dans functions.php :

add_filter( 'script_loader_tag', function( $tag, $handle ) {
    $async = [ 'google-analytics', 'meta-pixel', 'hotjar' ];
    if ( in_array( $handle, $async ) ) {
        return str_replace( ' src', ' async src', $tag );
    }
    return $tag;
}, 10, 2 );

Fix 3 — Nettoyage Tag Manager (GTM)

Un conteneur Tag Manager accumule des balises au fil des campagnes, et beaucoup ne servent plus.

Méthode :

1. Ouvrez GTM → Workspace → Tags
2. Pour chaque tag, vérifiez « Last fired » et la trigger associée
3. Désactivez tout tag qui ne s’est pas déclenché depuis 3 mois
4. Republiez le container

Fix 4 — Pop-ups et bandeaux cookies optimisés

Les pop-ups (newsletter, promotions) et bandeaux cookies sont parmi les pires offenders INP. Surtout les solutions tierces type OptinMonster, Sumo, Sleeknote.

Solution :

• Bandeau cookies : utilisez cookie-script.com ou Tarteaucitron (FR, RGPD, ultra-light)
• Pop-ups newsletter : remplacez les extensions lourdes par du HTML/CSS/JS natif quand c’est possible
• Si vous gardez une extension de pop-up, déclenchez-la à l’intention de sortie ou après un délai, pas au chargement

Fix 5 — Menu mobile sans JavaScript lourd

Un menu mobile qui recalcule la position de nombreux éléments à chaque ouverture bloque le fil principal. C’est souvent invisible à l’œil, mais mesurable dans l’onglet Performance.

Solution : remplacez votre menu mobile JS par une version CSS pure (checkbox + label pattern). Compatible avec tous les thèmes WordPress.

Fix 6 — Lazy-load des médias en dessous du fold

WordPress 5.5+ lazy-load les images automatiquement, mais souvent mal configuré pour les vidéos et iframes (YouTube embed, Maps).

Solution :

• Une extension de cache et d’optimisation (WP Rocket, payante, ou LiteSpeed Cache, gratuite sur les serveurs LiteSpeed)
• Activez « Lazy-load iframes & videos »
• Pour YouTube spécifiquement, utilisez le composant WP YouTube Lyte qui remplace l’embed par une image cliquable jusqu’à interaction

L’effet porte surtout sur le LCP (affichage), un peu sur INP.

Fix 7 — CDN + Edge caching

Si tous les fixes précédents sont appliqués mais INP reste > 250ms, passez à un CDN avec edge caching.

Options 2026 :

• Cloudflare APO — optimisation dédiée à WordPress, en option payante
• Bunny CDN — CDN européen, facturé à l’usage
• Fastly (premium) — pour sites gros volume

Le CDN améliore surtout le temps de réponse et l’affichage ; sur INP, l’effet est indirect.

Outils de mesure recommandés

• PageSpeed Insights (gratuit) — field data 28 derniers jours
• Search Console → Core Web Vitals — état INP de toutes vos pages
• Chrome DevTools → Performance — analyser interactions en local
• web.dev/measure — tests automatisés
• Calibre ou SpeedCurve (payants) — monitoring continu, alertes

Le piège des plugins lourds

Pour un audit complet incluant les Core Web Vitals, avec un plan d’action priorisé par page : sur devis, livré sous 6 jours ouvrés.