Deine WordPress-Seite lädt langsam, das Backend hakt, und du fragst dich, ob ein Page Builder überhaupt noch zeitgemäß ist? Elegant Themes hat darauf mit Divi 5 geantwortet, das im Februar 2026 aus der Beta kam. Nach mehr als zehn Jahren wurde Divi dafür von Grund auf neu geschrieben. Die Shortcodes sind weg, die Seiten werden schlanker, und das Design-System ist deutlich durchdachter.
Wir bauen seit Jahren Seiten mit Divi. Hier steht, was sich mit Divi 5 wirklich ändert und wo du trotzdem aufpassen musst.
Der Abschied von Shortcodes
Der größte Kritikpunkt an Divi 4 war das Speicherformat. Wer das Theme deaktiviert hat, fand im Inhalt nur noch einen Haufen unlesbarer Shortcodes. Divi 5 baut den Editor mit React und speichert Inhalte als Blöcke, so wie es WordPress selbst mit Gutenberg macht.
Deine Inhalte liegen damit sauberer in der Datenbank. Das passt besser zum Rest von WordPress und macht Konflikte mit Plugins seltener. Wenn du eine WordPress-Agentur suchst, die mit dieser neuen Grundlage arbeitet, sprich uns an.
Schnellere Seiten
Divi 5 lädt JavaScript nur noch dort, wo ein Modul es braucht. Dazu erzeugt es automatisch Critical CSS: Die Stile für den sichtbaren Bereich kommen zuerst, der Rest danach. Beides verbessert die Core Web Vitals spürbar. Sehr gute PageSpeed-Werte sind mit Divi 5 erreichbar, hängen aber genauso von Hosting, Bildern und Plugins ab.
Neu ist auch das Speculative Prerendering. Dabei lädt der Browser verlinkte Seiten schon im Hintergrund, bevor jemand klickt. Kommt der Klick, ist die Seite fast sofort da.
Für Betriebe in Salzburg und Umgebung heißt das: Besucher warten weniger und springen seltener ab. Und Google bewertet schnelle Seiten besser. Wenn du über eine neue Website oder einen Onlineshop nachdenkst, lohnt es sich, die technische Grundlage mitzuentscheiden.
Flexbox und CSS Grid
Statt starrer Reihen und Spalten nutzt Divi 5 jetzt CSS Flexbox und CSS Grid. Damit lassen sich auch verschachtelte Layouts bauen, die sich sauber an jede Bildschirmgröße anpassen. Für anspruchsvolles Webdesign fallen viele Umwege weg, mit denen man Elemente früher an die richtige Stelle gezwungen hat.
Presets und globale Variablen
Elegant Themes hat das Design-System seit dem Start mehrfach erweitert, unter anderem um Composable Settings und Nested Options Presets. Du kannst damit für jedes Unterelement eines Moduls eigene Einstellungen setzen und als Vorlage speichern.
Ein Beispiel: Du legst das Aussehen eines Buttons einmal als Preset fest. Änderst du das Preset später, ändern sich alle Buttons auf der Seite mit. Globale Variablen für Farben, Abstände und Schriften ergänzen das. So bleibt die Seite einheitlich, auch wenn mehrere Leute daran arbeiten.
Neue Module und eine neue Navigation
Mit dem Group Module und dem Carousel Group Module fasst du Inhalte zusammen und animierst sie gemeinsam. Das alte Menü-Modul wurde durch einzelne Link- und Dropdown-Module ersetzt. Damit baust du auch große Mega-Menüs direkt im Visual Builder, ohne zusätzliches Plugin. Das Timeline Module eignet sich für Firmengeschichten oder Abläufe.
Umstieg von Divi 4
Die Umstellung startest du per Knopfdruck. Divi 5 erkennt alte Module und Layouts und wandelt sie ins neue Format um. Bei einfachen Seiten geht das schnell. Bei Seiten mit viel eigenem Code oder Drittanbieter-Modulen solltest du vorher auf einer Kopie testen, denn nicht jedes Erweiterungsmodul ist schon angepasst.
Mach vor dem Umstieg eine vollständige Sicherung. Wenn du dabei Hilfe willst, übernehmen wir das im Rahmen der WordPress-Wartung.
Lohnt sich der Wechsel jetzt?
Divi 5 ist die empfohlene Version für neue Projekte. Neue Funktionen kommen nur noch in Divi 5. Ist deine Seite langsam, schwer zu pflegen oder optisch in die Jahre gekommen, ist ein Relaunch mit Divi 5 ein guter Anlass, alles auf einmal zu erneuern. Die technischen Details findest du in der Übersicht von Elegant Themes.
Barrierefreiheit
Divi 5 erzeugt sauberere HTML-Strukturen und setzt ARIA-Labels, die Screenreadern helfen. Das ist wichtig, weil in Österreich seit 28. Juni 2025 das Barrierefreiheitsgesetz (BaFG) gilt, die Umsetzung des European Accessibility Act. Es betrifft nicht jede Website, sondern bestimmte Produkte und Dienstleistungen, vor allem den Onlinehandel. Kleinstunternehmen, die Dienstleistungen anbieten, sind ausgenommen. Barrierefrei wird eine Seite trotzdem erst durch ihren Inhalt: Kontraste, Alt-Texte, eine sinnvolle Überschriftenfolge. Das nimmt dir kein Builder ab.
Fazit
Divi 5 räumt mit den größten Schwächen der alten Version auf: keine Shortcodes mehr, schlankerer Code, ein Design-System mit Presets und globalen Variablen. Wer eine bestehende Divi-4-Seite hat, sollte den Umstieg planen und nicht einfach auf den Knopf drücken.
Deine Seite ist langsam oder mühsam zu pflegen? Erzähl uns davon in einer Projektanfrage.
