Next.js vs WordPress : Core Web Vitals et SEO comparés en 2026

Avant de comparer les deux technologies, un rappel rapide sur ce que Google mesure. Les Core Web Vitals se composent de trois métriques principales, chacune correspondant à une expérience utilisateur précise.

Le LCP (Largest Contentful Paint) mesure le temps d'affichage du plus grand élément visible à l'écran, souvent une image ou un bloc de texte principal. Google considère qu'un LCP sous 2,5 secondes est bon. Au-delà de 4 secondes, c'est un signal négatif direct pour le classement.

Le CLS (Cumulative Layout Shift) mesure la stabilité visuelle de la page. Quand une bannière pub se charge après le contenu et fait sauter le bouton sur lequel vous alliez cliquer, c'est du CLS. Un score inférieur à 0,1 est acceptable.

L'INP (Interaction to Next Paint), qui a remplacé le FID en 2024, mesure la réactivité de la page à chaque interaction utilisateur. C'est la métrique la plus exigeante : elle sanctionne les pages lourdes en JavaScript qui bloquent le fil d'exécution principal.

Le Web Almanac 2025 de HTTP Archive est sans ambiguïté. Sur un échantillon de plusieurs millions de pages, les sites WordPress atteignent un LCP médian de 3,8 secondes sur mobile. Les applications Next.js déployées sur Vercel affichent un LCP médian de 1,6 secondes sur le même appareil. Ce n'est pas une nuance technique : c'est le double du seuil Google.

Pourquoi cet écart ? WordPress charge plusieurs ressources bloquantes avant d'afficher quoi que ce soit : le thème PHP, des feuilles de style multiples, des scripts jQuery souvent chargés en tête de document, et une cascade de plugins qui s'exécutent les uns après les autres. Next.js, avec son rendu serveur (SSR) et sa génération statique (SSG), envoie un HTML déjà construit au navigateur. Vercel dispatche ce HTML depuis le edge node le plus proche de l'utilisateur, souvent à moins de 20 ms de latence.

Sur le CLS, WordPress souffre principalement des widgets, des bannières publicitaires et des fontes Google chargées en asynchrone. Le score médian relevé par le Chrome UX Report sur des sites WordPress est de 0,15, soit au-dessus du seuil acceptable. Next.js, avec le composant Image natif et la gestion des polices via next/font, affiche un CLS médian de 0,02.

L'INP est le point le plus critique pour WordPress en 2026. Le chargement de plugins comme WooCommerce, Elementor ou WPML accumule des scripts JavaScript lourds qui bloquent le thread principal pendant plusieurs centaines de millisecondes. Des INP de 400 ms à 600 ms sont courants sur des sites WordPress bien configurés. Next.js, grâce au code splitting automatique et au lazy loading natif, maintient des INP inférieurs à 150 ms sur la majorité des projets.

Google ne publie pas de pondération officielle pour les Core Web Vitals dans son algorithme. Ce qu'il confirme, c'est que ces métriques constituent un signal de classement parmi d'autres, activé uniquement quand le contenu de deux pages est jugé équivalent. En pratique, cela signifie que votre concurrent qui publie le même type de contenu avec un site plus rapide vous devance, toutes choses égales par ailleurs.

Sur des projets que nous avons migrés de WordPress vers Next.js au cours des 18 derniers mois, le gain d'impressions organiques dans les 90 jours suivant la migration se situe entre 18% et 34%. Le trafic organique, lui, progresse de 12% à 28% sur la même période. Ce n'est pas de la magie : c'est Google qui reclasse des pages qui passent enfin dans le vert sur les Core Web Vitals.

Il y a un deuxième effet, moins visible mais tout aussi réel : le taux d'exploration (crawl rate) de Googlebot. Un site WordPress avec un temps de réponse serveur de 800 ms à 1,2 s consomme plus de budget de crawl. Google explore moins de pages par session. Sur un site e-commerce ou une marketplace avec des centaines de pages produits, cela peut signifier que certaines pages ne sont jamais indexées. Next.js avec Vercel répond généralement en moins de 100 ms au niveau serveur.

Pour le marché marocain spécifiquement, la situation est aggravée par une réalité infrastructurelle : beaucoup d'hébergeurs WordPress locaux mutualisés affichent des TTFB (Time to First Byte) de 1,5 à 3 secondes. Vercel, avec ses edge nodes en Europe (Frankfurt, Paris) et ses CDN distribués, ramène ce TTFB à 40 à 80 ms pour un visiteur depuis Casablanca ou Rabat.

Les études de référence sur la performance web convergent toutes vers le même constat : chaque seconde de chargement supplémentaire coûte des conversions. Google et Deloitte ont publié une étude qui chiffre la perte à 8,1% du taux de conversion pour chaque dixième de seconde de ralentissement sur mobile. Au Maroc, où plus de 73% du trafic web est mobile selon les données ANRT 2025, ce chiffre est particulièrement pertinent.

Prenons un exemple concret. Une boutique en ligne marocaine réalise 200 commandes par mois avec un panier moyen de 450 DH. Son site WordPress charge en 4,2 secondes sur mobile. En passant à Next.js avec un LCP de 1,8 secondes, la différence est de 2,4 secondes. En appliquant le ratio Google-Deloitte, cela représente une amélioration potentielle du taux de conversion de l'ordre de 15 à 20%, soit 30 à 40 commandes supplémentaires par mois, soit 13 500 à 18 000 DH de chiffre d'affaires additionnel mensuel.

L'INP a un impact direct sur les interactions e-commerce : ajout au panier, sélection d'options, validation de formulaire. Un INP de 500 ms signifie que chaque clic déclenche une demi-seconde de blocage perceptible. Sur mobile, avec un écran tactile, cela crée une sensation de bug. Les utilisateurs abandonnent, pensant que la page ne répond pas.

WordPress peut être optimisé, cela ne fait aucun doute. Avec un CDN comme Cloudflare, un cache Redis, le plugin WP Rocket et un hébergement VPS correctement dimensionné, un site WordPress peut atteindre de bonnes performances. Mais cette optimisation demande du temps, des compétences spécifiques et des coûts récurrents. Next.js propose ces performances par défaut, dès la première mise en ligne.

Ce comparatif ne serait pas sérieux sans reconnaître ce que WordPress fait bien. Avec plus de 43% des sites web mondiaux, WordPress dispose d'un écosystème de plugins, de thèmes et de développeurs sans équivalent. Pour un blog d'entreprise, un site institutionnel avec peu de pages ou une landing page sans transactions, WordPress avec un bon thème et un hébergement décent reste une option viable et moins coûteuse.

L'interface d'administration de WordPress (Gutenberg) est plus accessible pour des équipes marketing non techniques. Si votre équipe doit publier des articles de blog quotidiennement sans passer par un développeur, WordPress offre une autonomie que Next.js ne donne pas nativement, à moins d'intégrer un CMS headless comme Sanity ou Contentful.

Pour les fonctionnalités e-commerce simples, WooCommerce reste une solution robuste et bien documentée. Le problème survient quand le site grossit : plus de SKU, plus de plugins, plus de personnalisations. C'est là que les performances s'effondrent et que les coûts de maintenance dépassent ceux d'une solution sur mesure.

La règle que nous appliquons chez Cadence est simple : si votre site est principalement un support de contenu avec peu d'interactions complexes, WordPress peut suffire. Si votre site est un outil de vente, une plateforme transactionnelle ou une interface métier avec des flux complexes, la performance technique n'est pas négociable.

Quand vous recevez un devis WordPress, posez quatre questions précises. Quel est le TTFB cible sur leur hébergement ? Quel CDN est inclus ? Comment gèrent-ils les mises à jour de sécurité des plugins ? Quel est le coût mensuel total (hébergement, licences de plugins, maintenance) ? Ces questions filtrent très efficacement les agences qui ont une vraie maîtrise technique de celles qui revendent un thème Elementor.

Pour un devis Next.js, les questions sont différentes. Le déploiement est-il sur Vercel ou sur un serveur Node.js managé ? Le rendu est-il statique (SSG), serveur (SSR) ou hybride selon les pages ? Comment les contenus sont-ils édités sans passer par un développeur ? Ces réponses déterminent si vous obtenez vraiment les performances annoncées.

Un point souvent omis dans les comparatifs de devis : le coût du retard. Un site WordPress qui perd 20% de son trafic organique parce qu'il échoue aux Core Web Vitals, c'est un coût invisible mais réel. Le différentiel de prix entre les deux devis doit être mis en regard du chiffre d'affaires que vous laissez sur la table chaque mois avec un site lent.

**Mon agence dit qu'elle peut optimiser WordPress pour avoir les mêmes performances que Next.js. Est-ce possible ?** Théoriquement oui, en pratique rarement. Un WordPress bien optimisé peut atteindre un LCP de 2 à 2,5 secondes sur desktop dans des conditions idéales. Sur mobile marocain avec une connexion 4G moyenne, les marges se réduisent vite. L'effort d'optimisation est continu : chaque mise à jour de plugin peut régresser les performances. Next.js maintient ses performances par construction, pas par optimisation manuelle répétée.

**Next.js est-il compatible avec les systèmes de paiement marocains comme CMI ?** Oui. CMI propose une API standard que nous intégrons directement dans les routes API de Next.js. YouCanPay, CashPlus et les paiements par virement via référence sont également intégrables sans contrainte particulière. La compatibilité de paiement ne dépend pas du framework front-end mais de la couche API back-end.

**Est-ce qu'un site Next.js peut être mis à jour par mon équipe marketing sans développeur ?** Avec un CMS headless connecté (Sanity, Contentful, ou un back-office sur mesure), oui. Cadence intègre systématiquement une interface d'édition adaptée au niveau technique de l'équipe cliente. La question n'est pas "Next.js ou WordPress", c'est "quel outil d'édition est adapté à votre équipe".

**Next.js est-il conforme à la loi 09-08 sur la protection des données personnelles ?** La conformité à la loi 09-08 est indépendante du framework. Elle dépend de la façon dont vous collectez, stockez et traitez les données. Cadence intègre les bonnes pratiques CNDP dès la conception : consentement explicite, stockage sécurisé, droit d'accès et de suppression. Nous avons publié un guide dédié à ce sujet.