Große und falsch eingebundene Bilder

Bilder sind auf vielen Websites einer der ersten Punkte, die wir bei einer Performance-Analyse überprüfen würden. Ein Foto, das auf der Website nur 1.200 Pixel breit dargestellt wird, muss nicht zwingend mit 5.000 Pixeln und mehreren Megabyte Dateigröße geladen werden.
Noch problematischer wird es bei großen Bildern im oberen Bereich der Startseite. Ein sogenanntes Hero-Bild kann einen erheblichen Einfluss darauf haben, wann der wichtigste sichtbare Inhalt einer Seite erscheint. Moderne Formate wie WebP oder AVIF können dabei helfen, die Dateigröße zu reduzieren. Sie sind aber kein Ersatz für eine grundsätzlich saubere Bildaufbereitung.

Zu viele oder unnötige Plugins

Plugins sind einer der großen Vorteile von WordPress. Sie können Formulare, SEO-Funktionen, Shops, Sicherheitsfunktionen oder zahlreiche andere Erweiterungen bereitstellen. Das Problem beginnt nicht bei einer bestimmten Anzahl von Plugins. Ein Plugin kann bereits problematisch sein, wenn es auf jeder Seite umfangreiche Dateien lädt, obwohl seine Funktion nur an einer bestimmten Stelle benötigt wird. Umgekehrt kann eine Website mit relativ vielen Plugins problemlos schnell laufen, wenn diese sauber entwickelt und sinnvoll konfiguriert sind.

Bei einer Optimierung schauen wir deshalb auf deren tatsächlichen Einfluss.

• Wird das Plugin überhaupt noch benötigt?
• Gibt es eine Funktion doppelt?
• Welche Dateien lädt es?
• Wird es auf allen Seiten benötigt?
• Verursacht es zusätzliche Datenbankabfragen?
• Gibt es bekannte Konflikte mit anderen Komponenten?

Nicht jedes Plugin muss weg. Aber jedes Plugin sollte einen nachvollziehbaren Zweck haben.

Ein langsamer Server

Manchmal beginnt das Problem bereits, bevor WordPress überhaupt Inhalte ausliefert. Der Browser stellt eine Anfrage an den Server. Wenn dieser lange benötigt, um darauf zu antworten, kann die Website selbst noch so gut optimiert sein, der Besucher wartet trotzdem. Ein wichtiger Messwert ist hier die Time to First Byte (TTFB). Sie gibt vereinfacht an, wie lange es dauert, bis der Browser die ersten Daten vom Server erhält. Die Ursache kann beispielsweise beim Hosting, bei der Serverkonfiguration, bei Datenbankabfragen oder bei der WordPress-Verarbeitung liegen.

Caching: sinnvoll, aber kein Zaubertrick

Caching kann WordPress deutlich entlasten, indem bereits erzeugte Inhalte zwischengespeichert und bei späteren Aufrufen schneller ausgeliefert werden. Je nach Website können dabei verschiedene Ebenen eine Rolle spielen,  etwa Seiten-Cache, Browser-Cache oder Object Cache. Viele Websites haben jedoch mehrere Optimierungssysteme gleichzeitig im Einsatz. Dann kann es passieren, dass sich Einstellungen überschneiden oder bestimmte Inhalte nicht mehr richtig funktionieren.

CSS und JavaScript reduzieren – aber mit Vorsicht

Themes und Plugins bringen häufig eigene CSS- und JavaScript-Dateien mit. Bei umfangreicheren Websites können dadurch zahlreiche Ressourcen zusammenkommen. Eine Optimierung kann beispielsweise darin bestehen, nicht benötigte Ressourcen später zu laden oder unnötigen Code zu reduzieren. Hier ist allerdings Vorsicht angebracht! Wer CSS und JavaScript einfach aggressiv zusammenfasst, minimiert oder verzögert, kann schnell Funktionen beschädigen. Ein Menü funktioniert plötzlich nicht mehr, ein Slider bleibt leer oder ein Formular reagiert nicht. Deshalb sollte nach technischen Performance-Änderungen immer geprüft werden, ob die Website weiterhin vollständig funktioniert.

Schriften werden häufig unterschätzt

Auch Schriftarten können die Ladezeit beeinflussen. Besonders dann, wenn mehrere Schriftfamilien und zahlreiche Schriftschnitte verwendet werden, steigt die Anzahl der Ressourcen, die der Browser laden muss. Zusätzlich können externe Font-Dienste weitere Verbindungen erforderlich machen.

Bei einer Optimierung lohnt sich deshalb ein Blick auf:

• verwendete Schriftfamilien
• Anzahl der Schriftschnitte
• lokale oder externe Einbindung
• Ladeverhalten
• Fallback-Schriften

WordPress-Datenbank aufräumen

In einer WordPress-Datenbank sammeln sich im Laufe der Zeit verschiedene Daten an, die nicht mehr benötigt werden. Dazu können beispielsweise alte Revisionen, Spam-Kommentare oder temporäre Daten gehören. Auch Plugins können nach ihrer Deinstallation Daten hinterlassen. Eine Bereinigung kann bei älteren Websites sinnvoll sein. Hier sollte allerdings nicht nach dem Motto „je weniger Daten, desto besser“ gearbeitet werden. Datenbanktabellen sollten nicht einfach gelöscht werden, ohne zu wissen, wofür sie verwendet werden.
Vor einer Bereinigung gehört deshalb immer ein aktuelles Backup dazu.

Externe Ressourcen überprüfen

Nicht alles, was eine Website lädt, kommt direkt von deinem WordPress-Server. Vielleicht werden beispielsweise Schriften, Tracking-Dienste, Videos, Karten, Social-Media-Inhalte oder andere externe Funktionen eingebunden. Jede dieser Verbindungen kann zusätzliche Ladezeit verursachen. Das bedeutet nicht, dass externe Dienste grundsätzlich schlecht sind. Die Frage ist vielmehr: Brauchen wir diese Ressource wirklich und muss sie bereits beim ersten Seitenaufruf geladen werden?

Lazy Loading richtig einsetzen

Lazy Loading sorgt dafür, dass bestimmte Bilder oder andere Inhalte erst geladen werden, wenn sie benötigt werden. Bei langen Seiten mit vielen Bildern ist das besonders hilfreich. Ein Bild, das erst weiter unten auf der Seite sichtbar wird, muss nicht unbedingt gleichzeitig mit dem ersten sichtbaren Inhalt geladen werden. Aber auch hier gibt es Ausnahmen.
Ein großes Bild im sichtbaren Bereich kann für den LCP relevant sein. Wird dieses Bild ebenfalls unnötig verzögert, kann sich die Ladezeit sogar verschlechtern. Lazy Loading sollte deshalb gezielt eingesetzt werden und nicht einfach pauschal für alles aktiviert werden.