Besoin d’un site WordPress fiable et bien pensé ?
Création, refonte, optimisation, sécurité, performances : je conçois des sites WordPress professionnels, rapides et faciles à administrer.
Divi est un thème premium pour WordPress, comprenant un constructeur de pages visuel (Divi Visual Builder). Il permet de créer rapidement des sites WordPress de qualité, que vous soyez débutant ou développeur chevronné. Mais la version majeure Divi 4, lancée le 17 octobre 2019, commençait à marquer le poids des années malgré ses nombreuses améliorations au fil du temps.
Divi 5 n’est pas une simple mise à jour de Divi 4 : c’est une réécriture majeure du cœur. Les changements sont donc surtout “sous le capot” (performances, stabilité, architecture), mais on retrouve aussi une interface plus épurée et des fonctionnalités avancées qui accélèrent réellement le travail au quotidien. Le lancement officiel a été annoncé pour le 26 février 2026, mais des versions préliminaires ont été publiées régulièrement afin que vous puissiez tester Divi 5 en avant-première, tout comme les développeurs.
1. Interface et expérience d’édition avec Divi 5
Divi 5 adopte une interface plus minimaliste. L’objectif est clair : aller à l’essentiel et éviter les effets et animations qui pouvaient alourdir l’expérience.
1.1. Interface épurée
L’interface du builder est désormais plus sobre : panneaux plus compacts, mieux lisibles, avec moins de distraction visuelle.
1.2. Fluidité du builder
La réactivité a été nettement améliorée : clics, survols, duplication, déplacement… l’ensemble paraît plus fluide, notamment sur des pages très imbriquées.
Ce point est loin d’être anecdotique : plus vous travaillez sur des pages complexes (sections, rangées, colonnes et modules), plus la fluidité de l’éditeur devient un facteur de productivité.
1.3. Responsive Editor
- Nouveau Responsive Editor : Un accès dédié permet de consulter et modifier bureau / tablette / mobile, mais aussi hover (survol de la souris) et sticky (fixé au défilement), depuis un seul panneau, sans devoir changer de vue écran.
- Indicateurs visuels plus clairs : L’icône du Responsive Editor devient bleue lorsqu’une valeur alternative est définie, ce qui aide à repérer instantanément les réglages spécifiques.
2. Performances, stabilité et architecture de Divi 5
Divi 5 repose sur une refonte en profondeur : Elegant Themes parle d’un “core rewrite”. L’enjeu est double : améliorer les performances aujourd’hui et préparer Divi à accueillir plus facilement de grosses évolutions demain.
2.1. Core rewrite
Divi 5 a fait l’objet d’une réécriture complète du cœur : il ne se contente pas d’optimiser l’existant ; il repart sur une architecture modernisée pensée pour la stabilité et l’évolutivité.
2.2. React 18 et rendu
Le Visual Builder est basé sur React 18 : Divi 5 s’appuie sur React 18 afin d’améliorer le rendu, limiter les lenteurs et fluidifier l’édition, y compris sur des sites volumineux.
2.3. Performances sur les pages complexes
Divi 5 apporte des gains de performance à plusieurs niveaux : chargement du builder, rendu côté front, réactivité des modules… C’est particulièrement sensible si vous travaillez sur des pages denses avec beaucoup de sections imbriquées, de rangées dans des rangées (nested rows), de groupes et de modules répétés.
2.4. Stabilité et compatibilité avec l’optimisation
- Rendu plus stable : L’objectif annoncé est de réduire les comportements “imprévisibles” (micro-freezes, rafraîchissements intempestifs, incohérences visuelles) via une gestion du rendu plus maîtrisée.
- Meilleure cohabitation avec les outils d’optimisation : Divi 5 est conçu pour s’intégrer plus proprement dans des environnements optimisés (cache, minification, optimisation CSS/JS), avec un rendu plus stable et moins de “surprises” à l’affichage.
En clair : Divi 5 vise à rendre le builder plus agréable au quotidien, mais aussi à améliorer la fiabilité d’un site sur le long terme.
3. Nouvelles fonctionnalités de Divi 5 côté builder
Divi 5 introduit des outils qui répondent à des besoins concrets, souvent couverts jusque-là par des extensions tierces ou des contournements.
3.1. Canvas
Un nouveau système de “canvas” permet de créer des interfaces directement dans Divi 5, sans dépendre d’une extension dédiée si vous en utilisez aujourd’hui. Par exemple :
- Menus off-canvas : Menus latéraux qui s’ouvrent au clic.
- Panneaux latéraux : Panneaux de contenu contextuels.
- Popups : Fenêtres modales ou overlays.
3.2. Imbrication d’éléments
- Groupes de modules (Module Groups) : Un conteneur qui permet de regrouper plusieurs modules afin de les déplacer, dupliquer et organiser plus facilement, tout en conservant une structure propre.
- Rangées imbriquées (Nested Rows) : Possibilité d’insérer des rangées dans une colonne, ce qui ouvre la porte à des mises en page plus flexibles sans devoir multiplier les sections.
- Modules imbriqués (Nested Modules) : Certains modules peuvent désormais contenir d’autres éléments, ce qui simplifie la création de composants plus riches (onglets, accordéons, sliders, etc.).
Si vous construisez des mises en page complexes, ces nouveautés vous permettront de le faire de façon très simplifiée.
3.3. Productivité
- Extend Attributes (attributs avancés) : Possibilité d’appliquer en masse des styles, presets ou contenus à plusieurs éléments, avec un ciblage fin (même type de module, sélection, section entière, etc.).
- Gain de productivité sur les longues pages : Vous pouvez harmoniser un design en quelques clics (par exemple : appliquer une variante de bouton, un style de card, une typographie de titre) sans repasser module par module.
- Meilleure gestion des états : Hover, sticky et responsive deviennent plus simples à gérer grâce au Responsive Editor, ce qui réduit les allers-retours entre onglets et vues.
Ces nouveautés de Divi 5 vont surtout vous plaire si vous construisez des pages “sérieuses” : landing pages, sites vitrines structurés, pages de vente, et plus globalement tout ce qui demande de la cohérence visuelle sur de nombreux blocs.
4. Responsive design et design system
Divi 5 ne se contente pas d’améliorer l’édition responsive : il pousse plus loin une approche design system, très utile si vous gérez plusieurs pages, plusieurs sites, ou une identité visuelle stricte.
4.1. Édition responsive centralisée
Le Responsive Editor est plus central : Les réglages bureau/tablette/mobile (et états) sont accessibles sans quitter la vue principale, ce qui accélère les ajustements.
4.2. Variables de design
- Design variables renforcées : Les variables de design (couleurs, tailles, etc.) deviennent plus faciles à exploiter dans une logique de cohérence globale.
- Export et import des variables : Vous pouvez transférer une base de variables d’un site à un autre, pratique pour standardiser une charte graphique.
4.3. Presets réutilisables
Les presets (global presets) sont plus exploitables : L’export/import de presets facilite la réutilisation de systèmes de styles entre projets.
Sur vos sites, c’est un vrai plus car cela limite la dérive des styles au fil du temps et rend la maintenance plus propre.
5. Outils pour développeurs et extensibilité
Divi 5 est aussi pensé pour les développeurs et l’écosystème.
5.1. Extensibilité et modules custom
Divi 5 bénéficie d’une architecture plus extensible : mieux adaptée au développement de modules custom, avec une base plus performante et plus cohérente.
5.2. Documentation et patterns
Le changelog et la documentation sont plus structurés : plus d’exemples et de patterns utiles (champs de couleurs, attributs personnalisés, onglets custom dans les modales, etc.).
5.3. Gouvernance et permissions
Les permissions sont mieux respectées : application plus systématique des règles du Role Editor dans le Visual Builder, ce qui sécurise mieux les environnements multi-rôles (clients, éditeurs, etc.).
5.4. Roadmap et évolutivité
Divi 5 prépare de futures grosses fonctionnalités : L’architecture facilite l’arrivée de fonctionnalités plus ambitieuses (Loop Builder, contrôles Flexbox avancés, inline preset editing, etc.).
Même si vous ne concevez pas de modules, ces évolutions se ressentent : moins de bricolage, plus de cohérence, et un builder qui se comporte mieux à mesure qu’un site grandit.
6. Migration, compatibilité et statut de la version
Divi 5 est déployé progressivement via une série de betas publiques, avec un changelog détaillé. L’idée est d’avancer par étapes, en corrigeant et en stabilisant au fil des versions.
6.1. Pont de compatibilité Divi 4 → Divi 5
Votre site construit sous Divi 4 peut être ouvert dans Divi 5. Les modules Divi 4 restent utilisables dans l’environnement Divi 5.
6.2. Betas publiques et stabilité
Elegant Themes a opté pour un déploiement progressif : Divi 5 est diffusé via des versions beta pour permettre les retours, corriger les bugs et ajouter des améliorations continues.
6.3. Transition sans casse
L’objectif est d’éviter de casser l’existant : Malgré l’ampleur de la refonte, l’éditeur insiste sur une transition pensée pour préserver la compatibilité tout en préparant la plateforme pour la suite.
Concrètement, Divi 5 est une excellente nouvelle… mais comme toute refonte majeure, il faut une approche méthodique si vous voulez migrer sereinement.
Divi 5 : Faut-il migrer maintenant ?
Divi 5 apporte une refonte profonde (cœur, performances, stabilité) et des améliorations très concrètes côté production : une interface plus fluide, un Responsive Editor central, des outils comme Canvas et Extend Attributes, et une logique “design system” plus mature grâce aux variables et presets exportables.
Pour savoir si c’est le bon moment pour vous (compatibilité, risques, méthode, check-list et bonnes pratiques) et le cas échéant franchir le pas, j’ai lancé un nouveau service de migration Divi 5.
0 commentaires