GeneratePress + GenerateBlocks: Schlankes Theme-Setup

Wer eine schnelle WordPress-Seite bauen will, stolpert frueher oder spaeter ueber zwei Namen: GeneratePress und GenerateBlocks. Beide gelten in der SEO-Szene als das schlanke Gegenmodell zu aufgeblaehten 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 fuer Ihr Projekt ist.

Warum GeneratePress als Performance-Theme gilt

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

Das Free-Theme laedt im Auslieferungszustand unter 30 KB an CSS und JavaScript. 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 laedt nur die Ressourcen, die eine konkrete Seite tatsaechlich 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 grundsaetzlichen Kriterien bei der Theme-Wahl noch eine Rolle spielen, haben wir im Artikel zur WordPress-Theme-Auswahl fuer SEO ausfuehrlich aufgeschluesselt.

Setup-Grundlagen: schlanke Konfiguration

Ein schlankes Theme nuetzt wenig, wenn Sie es mit Ballast vollstopfen. Der groesste Hebel liegt in einer durchdachten Erstkonfiguration.

Diese Punkte sollten Sie direkt nach der Installation pruefen:

• Web-Fonts lokal hosten. GeneratePress laedt Google Fonts standardmaessig extern. Stellen Sie auf lokales Hosting um - das spart einen externen DNS-Request und ist DSGVO-konform.
• Nur benoetigte Module aktivieren. Das Premium-Add-on bringt 15 Module mit. Aktivieren Sie ausschliesslich 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 laedt 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 aufgeblaehtes 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 fuer die Elemente generiert, die auf der jeweiligen Seite vorkommen. In der Praxis sehen wir damit oft 40 bis 60 Prozent kleinere Seitengroessen als bei vergleichbaren Elementor-Layouts.

Der Unterschied zwischen den Ansaetzen:

• Page-Builder: komfortables Drag-and-drop, aber schweres Markup und Lock-in. Deaktivieren Sie das Plugin, bleiben Shortcode-Reste zurueck.
• GenerateBlocks: etwas mehr Einarbeitung, dafuer schlankes HTML und volle Kompatibilitaet 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 Theory ist schoen, aber zaehlen tut, was am Ende in den Messwerten ankommt. Hier spielt das schlanke Setup seine Staerken aus, weil die Core Web Vitals direkt von der Seitengroesse und der Render-Logik abhaengen.

Drei Kennzahlen profitieren besonders:

• Largest Contentful Paint (LCP). Weniger blockierendes CSS bedeutet, dass der Browser das Hauptelement schneller rendert. Saubere GeneratePress-Setups erreichen regelmaessig 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 heisst 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 Mobilgeraeten 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 ueberzeugend die Zahlen sind, GeneratePress ist nicht fuer jedes Projekt das passende Werkzeug. Ehrlich gesagt: Wer ein bestimmtes Designsystem per Klick zusammenschieben will, ohne sich mit Struktur zu beschaeftigen, wird mit einem Page-Builder schneller fertig.

Die richtige Wahl ist das Setup vor allem in diesen Faellen:

• Performance steht im Vordergrund. Bei Local-SEO-Projekten und Lead-Seiten zaehlt jede Zehntelsekunde Ladezeit.
• Sie planen langfristig. Native Blocks veralten nicht so schnell wie proprietaere Builder-Formate.
• Das Team kann mit Gutenberg umgehen. GenerateBlocks ist intuitiv, setzt aber Grundverstaendnis fuer den Block-Editor voraus.

Weniger geeignet ist die Kombination, wenn Sie komplexe Animationen, Popup-Funnels oder ein umfangreiches visuelles Theming ohne Code-Beruehrung brauchen. Dann lohnt eine ehrliche Abwaegung 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 pruefen. Kontrollieren Sie nach dem Launch im Netzwerk-Tab, ob wirklich nur die noetigen 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 unnoetigen Ballast - genau das, was Google und Ihre Besucher belohnen.