Was ist ein Page Builder?
In den frühen WordPress-Jahren hattest du genau zwei Möglichkeiten, eine Seite zu gestalten: Entweder du beherrschst HTML und CSS, oder du bist auf das Layout festgelegt, das dein Theme vorgibt. Page Builder haben das aufgebrochen. Sie geben dir eine visuelle Oberfläche, in der du die Seite so siehst, wie sie später live aussieht — und direkt darin bearbeitest.
Das Grundprinzip ist überall gleich: Du wählst ein Element aus einer Seitenleiste (Überschrift, Text, Bild, Video, Button, Formular, Slider...) und ziehst es auf die Seite. Dann klickst du es an und stellst Eigenschaften ein — Schriftgröße, Farbe, Abstand, Ausrichtung. Das Ergebnis siehst du in Echtzeit.
Konkretes Beispiel: Du willst eine Landingpage für deinen neuen Online-Kurs. Mit Elementor öffnest du den Editor, ziehst eine Hero-Sektion mit Überschrift, Subline und Button an den Anfang, darunter drei Spalten für die Vorteile, dann eine CTA-Sektion mit Formular. Zwei Stunden später ist die Seite live — ohne dass du einen Entwickler gebraucht hast.
Die wichtigsten Page Builder im Vergleich
| Page Builder | Stärken | Schwächen | Preis |
|---|---|---|---|
| Elementor | Marktführer, riesiges Widget-Angebot, große Community, viele Templates | Kann bei schlechter Konfiguration langsam werden, Pro-Version nötig für echte Power | Free / Pro ab ~60 €/Jahr |
| Divi | Sehr kreatives Design-Tool, viele Effekte, eigenes Theme inklusive | Theme-Lock (du baust stark auf Divi auf), Performance nicht top | Lebenslange Lizenz ab ~250 € |
| Bricks Builder | Extrem performant, moderner Code-Output, Entwickler-freundlich | Jüngeres Ökosystem, weniger Templates | Einmalig ab ~100 € |
| Beaver Builder | Solide, stabil, aufgeräumt | Weniger Features, kleinere Community | Ab ~100 €/Jahr |
| Oxygen Builder | Sehr schlanker Output, volle Kontrolle über HTML/CSS | Steile Lernkurve, eher für Entwickler | Einmalig ab ~130 € |
| Gutenberg / Site Editor | Eingebaut in WordPress, kostenlos, wird ständig weiterentwickelt | Noch nicht so mächtig wie Elementor, einige Features fehlen | Gratis, in WordPress integriert |
Meine Meinung in einem Satz: Für KMU-Websites ist Elementor Pro aktuell das beste Paket aus Features, Stabilität und Tempo, wenn du es mit einem schlanken Theme wie GeneratePress oder Astra kombinierst. Bricks Builder ist die Wahl, wenn du maximale Performance willst und bereit bist, etwas steiler einzusteigen.
Wie funktioniert ein Page Builder?
Technisch ist ein Page Builder ein großes Plugin, das die klassische WordPress-Seitenbearbeitung durch eine eigene Oberfläche ersetzt. Der Ablauf:
- Du legst in WordPress eine neue Seite an.
- Statt in den Standard-Editor zu gehen, klickst du auf "Mit Elementor bearbeiten" (oder was auch immer dein Builder anbietet).
- Die Seite lädt in einer Live-Ansicht mit Editor-Seitenleiste.
- Du baust das Layout visuell zusammen — Sektionen, Spalten, Widgets.
- Beim Speichern schreibt der Builder den fertigen Code in die Datenbank.
- Beim Seitenaufruf rendert WordPress den Code zusammen mit dem aktiven Theme.
Gute Builder wie Bricks schreiben schlanken HTML/CSS-Output, der sich vom handgeschriebenen Code kaum unterscheidet. Schwache Builder erzeugen Div-Suppen mit hunderten verschachtelten Containern — das klassische DOM-Bloat-Problem.
DOM-Bloat — der typische Performance-Killer
DOM-Bloat heißt: Das DOM — also der Elementbaum, den der Browser aus deinem HTML aufbaut — wird unnötig groß und tief verschachtelt. Ein handgeschriebener Hero-Bereich kommt mit 10 bis 20 Elementen aus. Der gleiche Hero in einem schlecht konfigurierten Elementor-Template hat schnell 80 bis 150 Elemente — dreifach verschachtelte Section-Column-Widget-Container, zusätzliche Wrapper für Animationen, versteckte Divs für Mobile-Fallbacks.
Die Folge: Der Browser braucht länger, um die Seite zu parsen und zu rendern. Die Core Web Vitals — besonders LCP und INP — sinken. Scroll-Animationen ruckeln auf schwachen Smartphones. Google merkt das und bestraft langsame Seiten im Ranking.
DOM-Bloat ist kein Fehler des Builders an sich, sondern die Folge von unnötiger Verschachtelung. Wer Elementor-Sektionen in Sektionen in Sektionen stapelt, zahlt Performance. Wer flach baut, ist nah dran an handgeschriebenem Code.
Page Builder vs. Gutenberg — was ist der Unterschied?
Gutenberg ist der in WordPress eingebaute Block-Editor. Technisch gesehen ist Gutenberg auch ein Page Builder — nur halt von WordPress selbst gebaut, kostenlos und ohne Zusatz-Plugin. Der Unterschied liegt in der Ausrichtung:
- Gutenberg wurde ursprünglich für Blogartikel entwickelt und wächst schrittweise zum vollwertigen Website-Builder (Full Site Editing). Stabil, schlank, aber noch nicht so mächtig wie Elementor oder Bricks bei komplexen Layouts.
- Echte Page Builder wie Elementor sind seit Jahren auf komplexe Seiten ausgelegt. Sie bieten mehr Widgets, mehr Design-Kontrolle, mehr Templates, mehr Effekte.
Für eine Standard-Firmenwebsite mit Home, Über uns, Leistungen, Kontakt: Gutenberg reicht inzwischen oft. Für Landingpages, komplexe Layouts, viele individuelle Design-Elemente: Elementor Pro oder Bricks sind voraus.
Häufige Fehler beim Page-Builder-Einsatz
Zu viele Widgets übereinander stapeln. Jedes Widget ist Code. Wer aus Bequemlichkeit 200 Elemente auf einer Seite hat, produziert eine fette, langsame Seite. Weniger ist auch hier mehr.
Builder und Theme doppeln. Manche Themes (Avada, Divi Theme) bringen ihren eigenen Builder mit. Wenn du dann zusätzlich Elementor installierst, hast du zwei Builder, die sich im Weg stehen. Entscheide dich für eins.
Design mit dem Builder statt mit globalen Einstellungen. Anfänger stellen bei jeder Überschrift die Schriftgröße einzeln ein. Profis nutzen globale Typografie- und Farb-Einstellungen, sodass du später an einer zentralen Stelle ändern kannst, ohne 30 Seiten einzeln anzupassen.
Keine Responsive-Prüfung. Der Builder zeigt dir nur die Desktop-Ansicht, wenn du nicht aktiv ins Mobile-Preview wechselst. Wer vergisst, das Layout fürs Handy zu prüfen, baut Seiten, die auf dem Smartphone zerschossen aussehen.
Nach dem Relaunch gefangen. Wenn du eine Seite komplett in Elementor baust und zwei Jahre später auf einen anderen Builder wechseln willst, kannst du die Seite nicht einfach migrieren — du musst sie von Hand neu aufbauen. Das ist die Kehrseite der Builder-Power.