GeneratePress + GenerateBlocks: Schlankes Theme-Setup

Wer eine schnelle WordPress-Seite bauen will, stolpert früher oder später über zwei Namen: GeneratePress und GenerateBlocks. Beide gelten in der SEO-Szene als das schlanke Gegenmodell zu aufgeblähten Multipurpose-Themes und schwergewichtigen Page-Buildern. Aber halten sie, was die Performance-Community verspricht?

Dieser Artikel zeigt Ihnen, warum das Setup so beliebt ist, wie Sie es schlank konfigurieren und wann GeneratePress wirklich die richtige Wahl für Ihr Projekt ist.

Warum GeneratePress als Performance-Theme gilt

GeneratePress ist ein bewusst minimalistisches WordPress-Theme. Wo viele Standard-Themes Slider, Mega-Menüs und Dutzende Demo-Layouts mitbringen, liefert GeneratePress nur das Gerüst. Der entscheidende Unterschied liegt im Code-Gewicht.

Das Free-Theme fügt einer Seite im Auslieferungszustand nach Herstellerangabe weniger als 10 KB (gzipped) hinzu. Zum Vergleich: Beliebte Multipurpose-Themes ziehen oft mehrere hundert Kilobyte an Stylesheets, Fonts und Skripten mit, von denen Sie auf einer einzelnen Seite vielleicht zehn Prozent nutzen.

GeneratePress geht einen anderen Weg. Das Theme lädt nur die Ressourcen, die eine konkrete Seite tatsächlich braucht. Kein globales jQuery-Bundle, keine Icon-Fonts auf Vorrat. Genau diese Sparsamkeit ist der Grund, warum GeneratePress in vielen Performance-Tests vorne liegt.

Welche grundsätzlichen Kriterien bei der Theme-Wahl noch eine Rolle spielen, haben wir im Artikel zur WordPress-Theme-Auswahl für SEO ausführlich aufgeschlüsselt.

Setup-Grundlagen: schlanke Konfiguration

Ein schlankes Theme nützt wenig, wenn Sie es mit Ballast vollstopfen. Der größte Hebel liegt in einer durchdachten Erstkonfiguration.

Diese Punkte sollten Sie direkt nach der Installation prüfen:

• Web-Fonts lokal hosten. GeneratePress lädt Google Fonts standardmäßig extern. Stellen Sie auf lokales Hosting um - das spart einen externen DNS-Request und ist DSGVO-konform.
• Nur benötigte Module aktivieren. Das Premium-Add-on bringt 15 Module mit. Aktivieren Sie ausschließlich die, die Sie wirklich brauchen, etwa Spacing oder Typography.
• Layout reduzieren. Sidebars, die Sie nicht nutzen, deaktivieren Sie global. Jede Spalte weniger bedeutet weniger DOM-Elemente.
• Icon-Auswahl begrenzen. GeneratePress lädt SVG-Icons inline, statt eine komplette Icon-Font einzubinden. Halten Sie die Zahl der aktiven Icons gering.

GenerateBlocks vs. klassische Page-Builder

GenerateBlocks ist das passende Block-Plugin zum Theme. Es erweitert den nativen WordPress-Block-Editor um vier flexible Bausteine: Container, Grid, Headline und Button. Mehr nicht - und genau das ist der Punkt.

Klassische Page-Builder wie Elementor oder WPBakery erzeugen verschachtelte div-Strukturen mit teils zehn Ebenen pro Element. Dazu kommen umfangreiche CSS- und JavaScript-Bibliotheken, die auf jeder Seite laden. Das Ergebnis ist ein aufgeblähtes Markup, das Browser und Crawler ausbremst.

GenerateBlocks arbeitet anders. Es nutzt den nativen Editor und erzeugt sauberes, semantisches HTML mit minimaler Verschachtelung. Das CSS wird dynamisch nur für die Elemente generiert, die auf der jeweiligen Seite vorkommen. In der Praxis sind die Seiten damit meist deutlich kleiner als vergleichbare Elementor-Layouts.

Der Unterschied zwischen den Ansätzen:

• Page-Builder: komfortables Drag-and-drop, aber schweres Markup und Lock-in. Deaktivieren Sie das Plugin, bleiben Shortcode-Reste zurück.
• GenerateBlocks: etwas mehr Einarbeitung, dafür schlankes HTML und volle Kompatibilität mit dem Gutenberg-Standard.

Wer langfristig denkt, profitiert vom nativen Ansatz. Ihre Inhalte bleiben im sauberen Block-Format erhalten, auch wenn Sie das Plugin irgendwann wechseln.

Core Web Vitals: konkrete Vorteile

Die Theorie ist schön, aber es zählt, was am Ende in den Messwerten ankommt. Hier spielt das schlanke Setup seine Stärken aus, weil die Core Web Vitals direkt von der Seitengröße und der Render-Logik abhängen.

Drei Kennzahlen profitieren besonders:

• Largest Contentful Paint (LCP). Weniger blockierendes CSS bedeutet, dass der Browser das Hauptelement schneller rendert. Saubere GeneratePress-Setups erreichen regelmäßig einen LCP unter 1,5 Sekunden.
• Cumulative Layout Shift (CLS). Da kein nachladender Page-Builder-Code Elemente verschiebt, bleibt das Layout stabil. CLS-Werte nahe 0 sind hier die Norm.
• Interaction to Next Paint (INP). Wenig JavaScript heißt kurze Verarbeitungszeit bei Interaktionen. Genau das misst INP seit 2024 als offiziellen Core-Web-Vital.

In Lighthouse-Tests erreichen sauber konfigurierte Seiten mit diesem Setup auf Mobilgeräten oft einen Performance-Score von 95 bis 100 Punkten - ein Bereich, der mit schweren Builder-Themes kaum erreichbar ist. Welche weiteren Stellschrauben die Ladezeit beeinflussen, lesen Sie im Beitrag WordPress-Ladezeit optimieren.

Wann GeneratePress die richtige Wahl ist

So überzeugend die Zahlen sind, GeneratePress ist nicht für jedes Projekt das passende Werkzeug. Ehrlich gesagt: Wer ein bestimmtes Designsystem per Klick zusammenschieben will, ohne sich mit Struktur zu beschäftigen, wird mit einem Page-Builder schneller fertig.

Die richtige Wahl ist das Setup vor allem in diesen Fällen:

• Performance steht im Vordergrund. Bei Local-SEO-Projekten und Lead-Seiten zählt jede Zehntelsekunde Ladezeit.
• Sie planen langfristig. Native Blocks veralten nicht so schnell wie proprietäre Builder-Formate.
• Das Team kann mit Gutenberg umgehen. GenerateBlocks ist intuitiv, setzt aber Grundverständnis für den Block-Editor voraus.

Weniger geeignet ist die Kombination, wenn Sie komplexe Animationen, Popup-Funnels oder ein umfangreiches visuelles Theming ohne Code-Berührung brauchen. Dann lohnt eine ehrliche Abwägung zwischen Komfort und Performance.

Praktische Konfigurations-Tipps

Zum Abschluss eine kompakte Liste, mit der Sie das Maximum aus dem Setup holen:

• Critical CSS aktivieren. Premium liefert eine Option, die wichtigsten Styles inline auszugeben. Das verbessert den LCP messbar.
• Globale Farben und Typografie definieren. Legen Sie Ihre Designwerte zentral fest. So vermeiden Sie redundantes Inline-CSS in einzelnen Blocks.
• Bilder als WebP ausliefern. Kombinieren Sie das Setup mit einem Caching-Plugin, das automatisch WebP generiert.
• Hero-Bild vorladen. Setzen Sie ein preload auf das LCP-Bild, damit der Browser es priorisiert.
• Asset-Bereinigung prüfen. Kontrollieren Sie nach dem Launch im Netzwerk-Tab, ob wirklich nur die nötigen Dateien laden.

Wenn Sie diese Punkte sauber umsetzen, liefert das Duo aus Theme und Block-Plugin eine technische Basis, die sich vor keiner manuell gebauten Seite verstecken muss. Schlank, schnell und ohne unnötigen Ballast - genau das, was Google und Ihre Besucher belohnen.