So verbessern Sie die Core Web Vitals und erhöhen die Ladegeschwindigkeit von Drupal-Websites

Haben Sie schon einmal auf eine Website geklickt, ein paar Sekunden gewartet und die Seite verlassen, bevor sie überhaupt vollständig geladen war? Damit sind Sie nicht allein. Tatsächlich zeigt eine Studie von der mobilen Benchmark-Studie von Google und SOASTA steigt die Wahrscheinlichkeit, dass ein Besucher die Seite sofort wieder verlässt, um 32 %, wenn sich die Ladezeit von einer auf drei Sekunden verlängert.

Hier kommen die Core Web Vitals (CWV) ins Spiel. 

Diese Metriken helfen Google dabei, die Leistung einer Seite für Besucher zu messen, darunter, wie schnell sie geladen wird, wie schnell sie auf Interaktionen reagiert und ob das Layout während des Ladens stabil bleibt. 

Wenn Ihre Website schlechte Core Web Vitals aufweist, könnten Sie Besucher verlieren und Ihre Suchleistung beeinträchtigen, ohne es überhaupt zu merken. 

Gibt es also etwas, was Sie tun können, um diese Situation zu ändern? Auf jeden Fall. 

In diesem Artikel schauen wir uns an, wie Sie die Core Web Vitals verbessern und die Ladegeschwindigkeit Ihrer Website erhöhen können, um letztendlich die Drupal-Performance Ihrer Seite zu steigern.

Warum erfüllen Drupal-Seiten die Core Web Vitals nicht?

Leistungsprobleme auf Drupal-Websites sind in der Regel auf Kombination aus Konfiguration, Inhalten, Modulen und benutzerdefiniertem Code. Zu den häufigsten Ursachen gehören:

1. Zu viele Module 

Beitrags- und benutzerdefinierte Module können CSS und JavaScript hinzufügen, die nicht auf jeder Seite benötigt werden

2. Nicht zwischengespeicherte Views 

Ansichten, die bei jeder Anfrage Datenbankabfragen ausführen, können die Seitenladzeit verlängern, insbesondere auf inhaltsreichen Websites

3. Ältere oder ineffiziente Themes

Themes können im Laufe der Weiterentwicklung einer Website ungenutztes CSS, JavaScript und anderen Code ansammeln

4. Aufwändiges dynamisches Rendering

Benutzerdefinierte Logik, personalisierte Inhalte und komplexe Seitenstrukturen können den Arbeitsaufwand erhöhen, den Drupal vor der Bereitstellung einer Seite bewältigen muss

Diese Probleme lassen sich leicht übersehen, wenn man lediglich allgemeine Empfehlungen zur Website-Geschwindigkeit anwendet. Ein ordnungsgemäßes Drupal-Leistungsaudit muss untersuchen, wie die Website konfiguriert ist und wo tatsächlich Zeit verloren geht.

Laut dem „2025 Web Almanac“ von HTTP Archive erfüllen nur 48 % der mobilen Websites und 56 % der Desktop-Websites alle drei Core Web Vitals. LCP bleibt die größte Herausforderung: Nur 62 % der mobilen Seiten erreichen einen guten LCP-Wert.

Vor diesem Hintergrund finden Sie hier sieben Bereiche, die es bei der Verbesserung der Drupal-Leistung zu überprüfen lohnt.

7 Möglichkeiten zur Verbesserung der Core Web Vitals und zur Steigerung der Ladegeschwindigkeit von Websites

1. Aktivieren Sie Seiten-Caching und BigPipe, um den Largest Contentful Paint zu verbessern

Der Largest Contentful Paint (LCP) misst, wie lange es dauert, bis das größte sichtbare Element auf einer Seite geladen ist. Dies ist oft ein Hero-Bild, eine Überschrift oder ein großer Inhaltsblock. Google stuft einen LCP von 2,5 Sekunden oder weniger als gut ein.

Drupal bietet mehrere integrierte Funktionen, die dazu beitragen können, die Wartezeit der Besucher auf eine Seite zu verkürzen:

• Aktivieren Sie den internen Seiten-Cache für anonyme Besucher
• Aktivieren Sie den dynamischen Seiten-Cache, um Seiten und Seitenelemente effektiver zwischenzuspeichern, auch für authentifizierte Benutzer
• BigPipe aktivieren, wodurch Drupal die bereits fertigen Teile einer Seite senden kann, während langsamere, personalisierte Elemente erst später bereitgestellt werden

Das Ergebnis ist eine Seite, die nützliche Inhalte früher anzeigen kann, anstatt Besucher darauf warten zu lassen, dass jedes Element verarbeitet wird.

2. Bilder optimieren und per Lazy-Load laden, um die Darstellung zu beschleunigen

Bilder gehören oft zu den größten Dateien, die von einer Webseite geladen werden, weshalb sie ein wichtiger Bestandteil jeder Maßnahme zur Leistungsoptimierung einer Website sind. Drupal bietet verschiedene Möglichkeiten, sie effizienter zu verwalten:

• Verwenden Sie Bildstile, um Versionen von Bildern in passender Größe zu erstellen, anstatt jedem Besucher die Originaldatei bereitzustellen
• Wenden Sie Lazy-Loading für Bilder an, die sich unterhalb der Falz befinden, damit diese nicht sofort geladen werden müssen
• Ziehen Sie moderne Formate wie WebP in Betracht, um die Dateigrößen zu reduzieren und gleichzeitig eine gute Bildqualität zu gewährleisten

Achten Sie besonders auf das Hauptbild auf der Seite. Wenn es das größte sichtbare Element ist, kann ein übergroßes oder schlecht optimiertes Bild den LCP direkt beeinflussen.

3. Reservieren Sie Platz für dynamische Elemente, um den kumulativen Layout-Shift zu reduzieren

Der kumulative Layout-Shift (CLS) misst, wie stark sich das Layout einer Seite während des Ladens unerwartet verschiebt. Möglicherweise haben Sie dies schon einmal beobachtet, wenn ein Bild plötzlich erscheint und den Inhalt nach unten verschiebt oder wenn ein Banner geladen wird, nachdem die Seite bereits angezeigt wurde.

Um diese Verschiebungen zu reduzieren:

• Legen Sie Breite und Höhe für Bilder und eingebettete Inhalte fest, damit der Browser den erforderlichen Platz reservieren kann
• Reservieren Sie Platz für Anzeigen, Banner und dynamisch geladene Blöcke
• Prüfen Sie, wie Ihr Theme mit Webfonts umgeht, und verwenden Sie geeignete „font-display“-Einstellungen, um sichtbare Textveränderungen zu minimieren

Diese Änderungen helfen dem Browser, ein stabileres Layout aufzubauen, bevor alle Seitenelemente vollständig geladen sind.

4. Reduzieren Sie den Overhead bei Datenbankabfragen, um die Ladegeschwindigkeit der Website zu erhöhen

Die Frontend-Optimierung ist nur ein Teil des Problems. Wenn Drupal zu viel Zeit mit der Verarbeitung von Datenbankabfragen verbringt, kann es sein, dass Besucher die Seiten dennoch als langsam empfinden. Beginnen Sie mit der Überprüfung folgender Punkte:

• Views-Caching für Inhalte, die nicht bei jeder Anfrage aktualisiert werden müssen
• Datenbankindizes für häufig abgefragte Felder
• Unnötige oder veraltete Daten, die durch geeignete Wartungsprozesse entfernt werden können

Die Reduzierung unnötiger Datenbankarbeit kann die Antwortzeiten verbessern, ohne dass größere Änderungen am Frontend erforderlich sind.

Auch Drupal selbst hat in den letzten Versionen erhebliche Leistungsverbesserungen erzielt. Drupal 11.3, das im Dezember 2025 veröffentlicht wurde, verbesserte Datenbank- und Cache-Vorgänge, während Drupals Kernleistungstests ergaben erhebliche Reduzierungen bei Datenbankabfragen auf teilweise vorgewärmten Caches. 

Wenn Ihre Website ein ältere Drupal-Version läuft, sollten Sie diese Verbesserungen im Rahmen Ihrer Upgrade-Planung in Betracht ziehen.

5. CSS und JavaScript bündeln und verzögern, um die Interaktion bis zum nächsten Rendering zu verbessern

INP misst, wie schnell eine Seite reagiert, nachdem ein Besucher mit ihr interagiert hat, beispielsweise durch das Klicken auf eine Schaltfläche, das Öffnen eines Menüs oder die Eingabe von Informationen in ein Formular. Eine Seite kann zwar vollständig geladen aussehen, sich aber dennoch langsam anfühlen, wenn JavaScript Interaktionen blockiert.

So verbessern Sie den INP:

• Aktivieren Sie die in Drupal integrierte Aggregation von CSS und JavaScript
• Verzögern Sie nicht kritisches JavaScript, damit es die anfängliche Darstellung der Seite nicht blockiert
• Überprüfen Sie von Drittanbietern stammende und benutzerdefinierte Module, um JavaScript zu identifizieren, das auf Seiten geladen wird, auf denen es nicht benötigt wird

Die Reduzierung von unnötigem JavaScript ist besonders wichtig auf Seiten mit Formularen, Menüs, Filtern oder anderen interaktiven Elementen.

6. Verwenden Sie ein CDN und aktivieren Sie die Komprimierung

Nicht jedes Leistungsproblem muss innerhalb von Drupal behoben werden. Auch die Art und Weise, wie Ihre Inhalte an Besucher bereitgestellt werden, wirkt sich auf die Ladegeschwindigkeit aus.

Ein Content Delivery Network (CDN) speichert statische Dateien auf Servern an verschiedenen Standorten, sodass Besucher diese von einem Standort in ihrer Nähe herunterladen können. Sie sollten außerdem die GZIP- oder Brotli-Komprimierung aktivieren, wodurch die Dateigröße vor dem Versand an den Browser reduziert wird und sich die Übertragungszeiten verkürzen lassen.

Die meisten modernen Hosting-Umgebungen und CDNs unterstützen diese Funktionen. Falls sie noch nicht aktiviert sind, lassen sich diese Verbesserungen in der Regel problemlos umsetzen.

7. Module überprüfen und Drupal-Caching optimieren

Module sind ein wichtiger Bestandteil der Flexibilität von Drupal, doch jedes zusätzliche Modul kann Code, Assets oder Verarbeitungsschritte mit sich bringen, die die Leistung beeinträchtigen. Beginnen Sie damit, Ihre installierten Module zu überprüfen und alles zu entfernen, was nicht mehr benötigt wird.

Überprüfen Sie anschließend, ob Ihre verbleibenden Module und Ihr Caching-System korrekt konfiguriert sind:

• Verwenden Sie den internen Seitencache für anonymen Datenverkehr
• Verwenden Sie den „Dynamic Page Cache“, wo dies sinnvoll ist, auch für authentifizierte Benutzer
• Ziehen Sie für stark frequentierte Websites ein persistentes Cache-Backend wie Redis oder Memcached in Betracht

Das Caching sollte nicht als einmalige Konfigurationsaufgabe betrachtet werden. Wenn sich Ihre Website verändert, können neue Module, Inhaltstypen, Views und benutzerdefinierte Funktionen neue Leistungsprobleme verursachen.

Was sollten Sie zuerst beheben, um die Leistung Ihrer Drupal-Website zu verbessern?

Wenn Ihre Website mehrere Leistungsprobleme gleichzeitig aufweist, kann es schwierig sein zu entscheiden, was zuerst behoben werden sollte. Basierend auf den obigen Empfehlungen kannst du die Korrekturen wie folgt priorisieren und die Leistung deiner Drupal-Website verbessern.

1. Beginne mit dem Caching 

Überprüfe den internen Seitencache, den dynamischen Seitencache und BigPipe. Diese Funktionen können die Seitenauslieferung auf der gesamten Website verbessern, ohne dass Änderungen an einzelnen Seiten erforderlich sind.

2. Bilder optimieren 

Überprüfen Sie Bildabmessungen, Dateigrößen, Formate und das verzögerte Laden (Lazy Loading). Bilder tragen oft maßgeblich zur Seitengröße und zum LCP bei.

3. Überprüfen Sie die Datenbank- und Abfrageleistung 

Achten Sie auf nicht zwischengespeicherte Views, ineffiziente Abfragen und fehlende Indizes, insbesondere wenn Ihr Inhalt wächst.

4. Überprüfen Sie JavaScript und Module 

Entfernen Sie unnötige Module und Assets und verzögern Sie JavaScript, das für das anfängliche Laden der Seite nicht erforderlich ist.

5. CDN und Komprimierung prüfen

Stellen Sie sicher, dass statische Assets effizient bereitgestellt und komprimiert werden, bevor sie an Besucher gesendet werden.

Wenn es Ihnen in erster Linie lediglich darum geht, die Ladegeschwindigkeit Ihrer Website zu erhöhen, anstatt jede Metrik einzeln zu erfüllen, bringen Sie die Schritte eins und zwei allein schon ein gutes Stück ans Ziel.

Überprüfen Sie Ihre Website regelmäßig

Leistungsoptimierung ist keine einmalige Aufgabe. Ihre Drupal-Website verändert sich im Laufe der Zeit. Neue Module werden installiert, Inhalte hinzugefügt, Designs aktualisiert und benutzerdefinierte Funktionen weiterentwickelt. Jede dieser Änderungen kann neue Leistungsprobleme verursachen oder zuvor erzielte Verbesserungen zunichte machen.

Deshalb sind regelmäßige Drupal-Leistungsaudits wichtig. Anstatt darauf zu warten, dass Besucher melden, dass sich eine Seite langsam anfühlt, können Sie Probleme im Rahmen der routinemäßigen Wartung identifizieren und beheben. Ein DrupalFit-Audit kann Ihnen helfen, Folgendes zu identifizieren:

• LCP-, CLS- und INP-Probleme
• Caching-Lücken
• Probleme mit der Seitengröße und den Assets
• Leistungsengpässe, die spezifisch für Ihre Drupal-Konfiguration sind

Eine Studie von Google und Deloitte zur Seitengeschwindigkeit zeigt zudem, warum diese Verbesserungen wichtig sind. Selbst kleine Verbesserungen der Ladegeschwindigkeit können messbare Auswirkungen auf das Nutzerverhalten und die Geschäftsergebnisse haben.

Führen Sie noch heute Ihr kostenloses DrupalFit-Audit durch!

Häufig gestellte Fragen

Was sind Core Web Vitals?

Core Web Vitals sind drei von Google definierte Kennzahlen, die die Seitenqualität messen: LCP (Ladegeschwindigkeit), CLS (visuelle Stabilität) und INP (Reaktionsfähigkeit). Google nutzt echte Besucherdaten, um Ihre Drupal-Website zu bewerten.