Accueil / Blog / Pourquoi on a migré notre site de WordPress à Next.js — et ce que ça a changé

Tutoriels techniques25 juin 20268 min de lecture

Pourquoi on a migré notre site de WordPress à Next.js — et ce que ça a changé

Score Lighthouse, Core Web Vitals, SEO, coûts d'hébergement : le bilan concret 6 mois après avoir quitté WordPress pour Next.js sur Vercel.

A

Arthur

Cofondateur de Spot My Web · À propos

#nextjs#wordpress#migration

On a longtemps hésité. WordPress fonctionnait. Les clients nous trouvaient. Pourquoi changer ?

Puis les scores Lighthouse ont commencé à nous faire honte. Le temps de chargement sur mobile dépassait les 4 secondes. Et chaque mise à jour de plugin devenait une source d'anxiété.

Voici le bilan honnête de notre migration.

En bref. Migrer un site WordPress PME vers Next.js fait passer un score Lighthouse mobile de 52 à 94, réduit le LCP de 4,2 s à 1,1 s et divise par deux les coûts d'hébergement. L'insight clé : la migration n'a de sens que si votre stack est lourde. Cet article partage le bilan factuel sur 6 mois et les erreurs à éviter pour préserver votre SEO.

Pourquoi on a quitté WordPress

Notre site tournait sous WordPress + Elementor, hébergé sur un VPS AWS Lightsail. Le setup classique d'une agence web en 2020.

Les problèmes qui se sont accumulés :

Performance. Elementor charge un volume de CSS et JS considérable. Sur mobile, notre score Lighthouse tournait autour de 52. Le LCP (Largest Contentful Paint) dépassait 4,2 secondes. C'est mauvais pour l'expérience utilisateur et pour le SEO.

Sécurité. WordPress représente la cible n°1 des cyberattaques. Avec 16 plugins actifs, la surface d'attaque était large. On a géré deux tentatives d'intrusion en 3 ans.

Coût de maintenance. Mises à jour régulières, vérification de compatibilité entre plugins, sauvegardes, monitoring — c'est du temps qu'on ne passait pas à développer pour nos clients.

Flexibilité limitée. Intégrer des composants React dans WordPress est possible mais laborieux. On voulait pouvoir faire des animations, des démos interactives, des calculateurs — sans bricoler. C'est aussi ce qu'on constate côté client sur des projets de logiciel métier sur mesure où l'écosystème moderne Next.js/React apporte une flexibilité qu'un CMS ne permet pas.

Ce qu'on a choisi : Next.js + Tailwind + Vercel

La stack Next.js App Router avec Tailwind CSS, déployée sur Vercel. Blog en MDX pour garder la main sur le contenu sans CMS externe.

Pourquoi Next.js ? Parce qu'on développe des applications React pour nos clients — c'était cohérent d'utiliser la même stack pour notre propre site. Et parce que le rendu hybride (SSG pour les pages statiques, ISR pour le blog) offre la meilleure combinaison performance/flexibilité.

Les résultats concrets

Scores Lighthouse

PageWordPress avantNext.js après
Accueil (mobile)5294
Accueil (desktop)8799
Page service (mobile)4891

Core Web Vitals

MétriqueAvantAprès
LCP4,2s1,1s
CLS0,180,02
FID/INP180ms45ms

Coûts d'hébergement

Soit une économie de ~220 €/an, avec de meilleures performances et sans gestion serveur.

Ce que ça a changé pour le SEO

Les effets sur le SEO ne sont pas immédiats — Google met quelques semaines à recrawler et réévaluer un site refondu. Mais les indicateurs sont clairs :

On a aussi profité de la migration pour retravailler l'architecture en château-silo — mais ça, c'est une autre histoire.

Ce qu'on recommande si vous envisagez la migration

Ne migrez pas juste pour migrer. Si votre WordPress est bien optimisé (LiteSpeed Cache, hébergement performant, pas d'Elementor), les gains seront marginaux. La migration a du sens si vous êtes dans notre situation : stack lourde, performances médiocres, besoin de flexibilité.

Prévoyez les redirections 301. C'est la partie la plus critique pour préserver votre SEO. Chaque ancienne URL doit être redirigée vers son équivalent dans la nouvelle architecture.

Comptez 6 à 8 semaines pour une migration sérieuse avec un site vitrine + blog. Pas 2 semaines — sauf si vous acceptez de faire les choses à moitié. Si vous envisagez ce type de chantier, notre méthodologie d'étude de projet permet d'anticiper les arbitrages SEO/design/budget dès le départ — la même approche qu'on applique à nos projets d'application mobile sur mesure.

Et si votre outil digital méritait mieux ?

Arthur et Florian analysent votre besoin et vous accompagnent de l'idée au déploiement.

Dans la même catégorie