Elementor Pro et les Core Web Vitals : atteindre 90+ mobile

Elementor Pro et les Core Web Vitals : mythe vs réalité

Elementor a longtemps eu une réputation de page builder « lent ». En 2026, cette réputation est injuste. Les mauvais scores PageSpeed que l’on voit sur des sites Elementor viennent presque toujours d’une mauvaise configuration — pas du plugin. Un site Elementor Pro bien configuré atteint 90+ mobile et 95+ desktop. Je l’ai démontré sur 150+ projets.

Les 3 Core Web Vitals à maîtriser

LCP (Largest Contentful Paint) — cible : ≤ 2.5s

Le LCP mesure le temps d’affichage du plus grand élément visible sans scroll. Sur la plupart des pages Elementor, c’est l’image hero ou le titre H1. Pour optimiser le LCP : utilisez une image WebP/AVIF légère (< 200Ko), désactivez le lazy load sur l’image hero, ajoutez fetchpriority="high", et préchargez-la dans Cloudflare.

INP (Interaction to Next Paint) — cible : ≤ 200ms

L’INP mesure la réactivité aux interactions utilisateur. Sur Elementor, le principal coupable d’un INP élevé est le JavaScript non optimisé : trop de scripts tiers, scripts non différés, et animations lourdes. Différez tous les scripts non critiques avec WP Rocket.

CLS (Cumulative Layout Shift) — cible : ≤ 0.1

Le CLS mesure la stabilité visuelle. Causes fréquentes sur Elementor : images sans dimensions définies, fonts Google qui swappent visuellement, bannières de cookies qui poussent le contenu.

Checklist 90+ mobile avec Elementor Pro

Structure

  • ✅ Hello Elementor Child (thème officiel ultra-léger)
  • ✅ Containers Flexbox uniquement (aucune Section/Colonne legacy)
  • ✅ Balisage optimisé activé (Elementor → Expériences)
  • ✅ Chargement conditionnel des assets activé

Cache et CDN

  • ✅ WP Rocket — minification CSS/JS, defer JS, cache mobile
  • ✅ Cloudflare — Brotli, HTTP/3, Rocket Loader DÉSACTIVÉ
  • ✅ Fonts Google hébergées localement

Images

  • ✅ Imagify — mode Agressif + WebP activé
  • ✅ Dimensions width/height sur toutes les images
  • ✅ Lazy loading activé sauf pour l’image hero
  • ✅ Image hero : fetchpriority= »high » + pas de lazy load
  • ✅ Aucune image > 200Ko après compression

Guide complet : Performances WordPress & Elementor Pro
Retour au guide complet Elementor Pro

Autres ressources Elementor

Site corporate grand groupe avec Elementor : cas d’usage et limites

Elementor Pro pour un site corporate grand groupe : architecture multi-pages, workflows éditoriaux, multilingue. Cas d'usage concrets et limites à connaître....

Elementor Pro et le Conditional Display : affichage ciblé par rôle

Le Conditional Display Elementor Pro permet d'afficher ou masquer des éléments selon le profil utilisateur, la page, l'heure ou l'appareil. Guide complet....

Elementor Atomic Editor : qu’est-ce que ça change ?

L'Atomic Editor d'Elementor Pro introduit les composants réutilisables. Qu'est-ce que ça change concrètement pour les freelances et agences ? Guide complet....

Elementor & ACF

Elementor et ACF (Advanced Custom Fields) sont deux plugins WordPress très populaires, mais ils ont des fonctionnalités et des objectifs différents. Voici un aperçu de...

Crocoblock & Elementor

Crocoblock est une suite d’extensions pour le plugin Elementor qui ajoute des fonctionnalités avancées et étendues à Elementor, permettant de créer des sites Web encore...

WooCommerce Builder Elementor Pro : créer une boutique sur mesure

Le WooCommerce Builder Elementor Pro permet de personnaliser chaque page de votre boutique visuellement. Guide complet : fiche produit, panier, checkout....