Die Ladegeschwindigkeit einer Webseite ist einerseits für den Nutzer sehr wichtig, sie stellt aber auch eine entscheidende Komponenten für den Google-Suchalgorithmus dar.
Mit dem Caching- und Optimierungs-Plugin Hummingbird (auf Deutsch „Kolibri“) präsentiert das WPMU DEV-Team eine eigene Lösung, die sämtliche Aspekte rund um die Themen Leistung und Performance kanalisieren und damit vor allem Anfängern das Leben erleichtern soll.

In diesem Artikel nehmen wir das flinke Vögelchen einmal genauer unter die Lupe und zeigen, was es in der Praxis tatsächlich kann.

Hummingbird findet Performance-Schwachstellen und beseitigt sie

Seinen Namen verdankt Hummingbird dem gleichnamigen Vögelchen mit dem rasanten Flügelschlag. Für sich genommen bringt das Plugin zwar keine bahnbrechenden Neuerungen mit sich, es umfasst aber zahlreiche Optimierungen für WordPress, die in einer ansprechenden, intuitiven Oberfläche mit simplen Einstellungsmöglichkeiten gebündelt werden. Damit ist Hummingbird vor allem für Einsteiger eine interessante Möglichkeit, um mehr Leistung aus ihrer Seite herauszuholen.

Nach der Installation testet das Plugin die WordPress-Seite im ersten Schritt auf typische Performance-Schwachstellen und verteilt (ähnlich wie Google Pagespeed Insights) Punkte in den einzelnen Bereichen. Ziel ist es, die 100-Punkte-Marke zu erreichen, was im ersten Anlauf aber so gut wie nie klappt. Die Prüfung der Performance erfolgt mithilfe von Google Core Vitals.

Anhand der erreichten Punktzahl lässt sich anschließend auf dem Dashboard ablesen, auf welchen Gebieten Verbesserungsbedarf besteht. Ein Klick auf Improve Score öffnet eine detaillierte Auflistung der Probleme, die für die Optimierung einfach nur angeklickt werden müssen. Dabei handelt es sich überwiegend um recht einfache Verbesserungen und Standard-Optimierungen, die auf möglichst simple Art und Weise aktiviert werden können.

Die wichtigsten Features und Funktionen von Hummingbird

Hummingbird zeigt außerdem anhand von Leistungsberichten auf, wo es das meiste Optimierungspotenzial gibt und liefert auch gleich noch die passenden Verbesserungsvorschläge dazu. Bevorzugte Konfigurationen können auch gespeichert und direkt in andere Webseiten geladen werden.

Daneben bietet das Plugin noch eine Vielzahl weitere praktischer Features und Funktionen, von denen einige allerdings nur in der Pro-Version verfügbar sind:

Scan and Fix

Die Scan and Fix-Funktion durchforstet die Webseiten und findet heraus, wodurch diese verlangsamt werden. Anschließend lassen sich mit nur einem Klick die vorgeschlagenen Optimierungen vornehmen.

Caching

Das Plugin bringt eine vollständige Caching-Suite bestehend aus Tools für das Ganzseiten-, Gravatar- und Browser-Caching mit. Nach dem Aktivieren der Funktion werden eine Reihe von Möglichkeiten zur Verbesserung der Gesamtleistung angezeigt. Die vorgeschlagene Standard-Cache-Konfiguration ist für die meisten Webseiten geeignet, weiter unten finden sich aber noch weitere Einstellungen für die Feinabstimmung, darunter beispielsweise:

• „Preload-Caching“ lädt Webseiten schon vor dem ersten Klick des Besuchers. Die Option lässt sich wahlweise nur für die Startseite oder für alle Seiten der Webpage aktivieren.
• „Cache interval“ löscht den Cache-Speicher in regelmäßigen Abständen. Das Zeitintervall kann individuell festgelegt werden.
• „Mobile Caching“ aktiviert das Caching für Mobilgeräte.
• „Exclusions“ erlaubt den Ausschluss verschiedener Cookies, Webseiten und URLs, um Konflikte mit dynamischen Plugins (z. B. WooCommerce) zu vermeiden.

Gut zu wissen: Managend WordPress-Hosts (z. B. Kinsta oder 1und1) benötigen in der Regel kein Plugin für das Caching, da dieses bereits auf Serverebene und meist auch wesentlich schneller erfolgt. Zudem erfordert das Server-Caching keine Anpassungen und damit auch kein Fachwissen.

Asset-Optimierung (nur Pro)

Je mehr Dateien im Header einer Webseite eingebunden sind, desto länger dauert das Laden. Mithilfe der Asset-Optimierung lassen sich JavaScript-, Google-Font- und CSS-Dateien positionieren, kombinieren, minimieren und neu anordnen. Für das CDN (Content Delivery Network) stehen Server in insgesamt 45 Locations bereit, die für kürzerer Ladezeiten und ein besseres Ranking sorgen.

Das Modul führt einen automatischen Scan durch, um alle optimierbaren Dateien zu finden. Anschließend kann aus fünf verschiedene Optionen gewählt werden:

• Minify reduziert die Größe der ausgewählten Datei. Wenn diese bereits minimiert ist, ist die Option nicht mehr auswählbar.
• Combine verkettet alle CSS-Files in einer CSS-Datei bzw. alle JS-Files in einer JS-Datei. Auf diese Weise werden die an den Browser gesendeten Anfragen reduziert und die Ladezeiten verbessert.
• Move to Footer verschiebt das Skript in die Fußzeile. Damit sollen die Fehler „Prevent render-blocking Javascript” and “Prevent render-blocking CSS” verhindert werden.
• Inline CSS verschiebt das CSS aus der angegebenen Datei innerhalb der Seitenquelle.
• Don’t load File verhindert, dass die ausgewählte Datei überhaupt geladen wird.

Die vorgenommen Änderungen lassen sich bei Bedarf allesamt mit einem Klick wieder rückgängig machen.

Datenbankbereinigung (nur Pro)

Mit dem zunehmendem Wachstum einer Webseite sammelt sich auch unnötiger Müll in Form von Dateien, Entwürfen oder verworfenen Kommentaren an, die die Performance der Webseite beeinträchtigen können. Ein regelmäßiger Cleanup gehört somit zum Pflichtprogramm.

Da es sich bei der Datenbankbereinigung um einen fortlaufenden Prozess handelt, ist in den meisten Fällen ein zusätzlich Plugin erforderlich. Mit Hummingbird ist das nicht nötig, denn das Tool bietet eine integrierte Database Cleanup-Funktion, die die WordPress-Datenbank bereinigt und sie sauber und optimiert hält.

Mithilfe der geplanten Bereinigungsoptionen lassen sich dedizierte Intervalle festlegen, in denen die automatische Datenbankoptimierung durchgeführt wird. Das spart eine Menge Zeit und Mühe, da der Vorgang nicht manuell angestoßen und überwacht werden muss.

Betriebszeitüberwachung (nur Pro)

Die Betriebszeitüberwachung behält die Performance der Webseite im Blick und sendet Warnungen per E-Mail, wenn langsame Ladezeiten oder Ausfallzeiten erkannt werden. Dazu werden regelmäßige Anfragen an den Webserver gesendet und geprüft, ob dieser funktioniert. Darüber hinaus lassen sich mit der Betriebszeitüberwachung noch weitere Informationen wie beispielsweise die TTFB (entspricht in etwa der Antwortzeit des Servers) abrufen.

GZIP-Komprimierung (nur Pro)

Dank GZIP-Komprimierung können JavaScript, HTML und CSS vor der Bereitstellung über den Browser komprimiert und dadurch schneller übertragen werden. Sucht ein Besucher nach Informationen auf der Seite, wird vom Browser eine Anfrage an den Host-Server gesendet. Dieser ruft die angeforderten Daten ab und komprimiert sie, bevor er sie an den Browser zurücksendet. Die zu übertragende Datei ist somit deutlich kleiner, wodurch sich die Ladezeit deutlich verbessert.

Da auch Suchmaschinen in ihren Kriterien großen Wert auf Seitengeschwindigkeiten legen, kann Hummingbird somit auch zur Verbesserung des Rankings bei Google PageSpeed Insights (SEO-Ranking-Faktor), GTmetrix, Pingdom und YSlow beitragen.

Preise und Verfügbarkeit von Hummingbird

Hummingbird ist bereits in der kostenlosen Version eine leistungsstarke Suite für die Geschwindigkeitsoptimierung, mit der sich die häufigsten Performance-Schwachstellen identifizieren und per Klick beseitigen lassen. Das Plugin kann direkt über das WordPress-Dashboard installiert werden.

Noch mehr Kontrolle und detailliertere Informationen über die Leistung einer WordPress-Seite ermöglicht allerdings die Pro-Version, die nicht einzeln erhältlich ist, sondern nur als Bestandteil der WPMU DEV-Mitgliedschaft (30 Tage kostenlos, danach 49 USD pro Monat) erworben werden kann. Die Mitgliedschaft beinhaltet außerdem alle Premium-WordPress-Plugins und 24×7-Support.

Wen das nicht überzeugt, für den stehen mit Autoptimize, Nginx Fullpage Cache, PageSpeedNinja, NitroPack u. a. aber auch eine Reihe von kostenlosen Alternativen mit einem ähnlichen Funktionsumfang zum Download bereit.