Sie kennen das Gefühl: Sie tippen Ihre eigene Adresse ein, und dann passiert erst mal nichts. Eine Sekunde. Zwei. Der weiße Bildschirm hält sich hartnäckig, und irgendwann baut sich die Seite stockend auf. Wenn Sie das nervt, geht es Ihren Besuchern genauso, nur klicken die einfach weg. Studien zeigen seit Jahren denselben Zusammenhang: Je länger eine Seite lädt, desto mehr Menschen springen ab, bevor sie überhaupt etwas gesehen haben.
Das Schöne ist, dass Geschwindigkeit kein Mysterium ist. Eine langsame Website hat fast immer eine Handvoll konkreter Ursachen, und die kann man der Reihe nach abarbeiten. Sie brauchen dafür kein Informatikstudium, nur etwas Systematik und die Bereitschaft, vorher zu messen statt blind herumzuschrauben.
Warum Websites überhaupt langsam werden
Bevor wir an Lösungen denken, lohnt der Blick auf die typischen Verdächtigen. In den allermeisten Fällen ist es eine Kombination aus diesen Punkten, selten nur ein einzelner Schuldiger:
- Zu große Bilder. Das mit Abstand häufigste Problem. Ein Foto direkt aus dem Smartphone kann acht Megabyte wiegen und wird dann auf einer Fläche von wenigen Zentimetern angezeigt. Der Browser muss trotzdem die volle Datei herunterladen.
- Kein Caching. Ohne Zwischenspeicher baut der Server jede Seite bei jedem Aufruf komplett neu zusammen. Das ist, als würde man bei jeder Tasse Kaffee erst die Bohnen pflanzen.
- Zu viele oder schlechte Plugins. Jedes Plugin lädt eigenen Code, oft eigene Schriften und Skripte. Zwanzig Erweiterungen, von denen Sie die Hälfte nie nutzen, summieren sich.
- Schwaches Hosting. Beim Billig-Tarif teilen sich manchmal hunderte Websites einen einzigen Server. Wenn die Nachbarn viel Last erzeugen, wird Ihre Seite langsam, ganz ohne Ihr Zutun.
- Unkomprimierter Code und Render-Blocker. CSS und JavaScript, die das Anzeigen blockieren, lassen den Bildschirm länger leer.
Wichtig ist die Reihenfolge. Es bringt wenig, an feinem Code zu feilen, wenn gleichzeitig ein sechs Megabyte schweres Header-Bild im Hintergrund lädt. Erst die dicken Brocken, dann die Feinarbeit.
Erst messen, dann optimieren
Der häufigste Fehler bei der Geschwindigkeitsoptimierung ist, sofort loszulegen. Ohne Messung wissen Sie weder, wo das Problem liegt, noch ob Ihre Änderung etwas gebracht hat. Nehmen Sie sich deshalb zuerst zwei kostenlose Werkzeuge zur Hand.
Google PageSpeed Insights ist der Klassiker. Sie geben Ihre Adresse ein und bekommen eine Bewertung für Mobil und Desktop, dazu konkrete Empfehlungen. Achten Sie weniger auf die bunte Punktzahl und mehr auf die sogenannten Core Web Vitals, also die Werte für Ladezeit, Reaktionsfähigkeit und visuelle Stabilität. Diese Kennzahlen nutzt auch Google für das Ranking.
Als zweites Werkzeug ist GTmetrix oder WebPageTest hilfreich, weil beide einen Wasserfall anzeigen. Dieser Wasserfall listet jede einzelne Datei auf, die geladen wird, und wie lange sie braucht. Hier sehen Sie auf einen Blick, ob ein riesiges Bild oder ein träges Skript der Bremsklotz ist.
Tipp: Messen Sie immer mehrfach und zu verschiedenen Tageszeiten. Ein einzelner Test kann durch Zufall gut oder schlecht ausfallen. Erst der Durchschnitt aus mehreren Messungen ergibt ein verlässliches Bild.
Bilder: der größte Hebel mit dem geringsten Aufwand
Wenn Sie nur eine Sache aus diesem Ratgeber mitnehmen, dann diese: Kümmern Sie sich um Ihre Bilder. In der Praxis machen Bilder oft 60 bis 80 Prozent des gesamten Seitengewichts aus. Hier liegt also der dickste Hebel.
- Bilder auf die richtige Größe bringen: Ein Bild, das maximal 800 Pixel breit angezeigt wird, muss nicht 4000 Pixel breit gespeichert sein. Skalieren Sie es vor dem Hochladen auf die tatsächlich benötigte Größe herunter.
- Modernes Format nutzen: Speichern Sie Bilder als WebP statt als JPEG oder PNG. WebP ist bei gleicher Qualität deutlich kleiner. Viele Bildwerkzeuge und Plugins erledigen die Umwandlung automatisch.
- Komprimieren: Werkzeuge wie TinyPNG oder Squoosh reduzieren die Dateigröße oft um die Hälfte, ohne dass das Auge einen Unterschied erkennt.
- Lazy Loading aktivieren: Bilder, die erst weiter unten auf der Seite erscheinen, müssen nicht sofort geladen werden. Moderne Browser steuern das selbst. Eine Ausnahme bildet das große Bild ganz oben, das sollte sofort laden.
Allein diese vier Schritte bringen bei vielen Websites die spürbarste Verbesserung. Es ist undankbare, aber lohnende Fleißarbeit.
Caching richtig nutzen
Caching bedeutet vereinfacht: Der Server merkt sich die fertig zusammengebaute Seite und liefert beim nächsten Aufruf einfach diese Kopie aus, statt alles neu zu berechnen. Für Besucher fühlt sich das wie Tempo aus dem Nichts an.
Bei WordPress übernimmt ein gutes Caching-Plugin diese Aufgabe. Verbreitet und bewährt sind WP Super Cache, W3 Total Cache oder das schlanke WP Fastest Cache. Wichtig: Installieren Sie nur eines davon, mehrere gleichzeitig geraten sich in die Quere. Nach der Aktivierung sollten Sie testen, ob alle dynamischen Bereiche wie Warenkörbe oder Formulare weiter funktionieren.
Ein weiterer Baustein ist das sogenannte Browser-Caching. Dabei weist der Server den Browser an, Dateien wie das Logo oder die Schriften lokal zu speichern. Beim zweiten Besuch lädt der Browser sie dann nicht erneut. Das stellt man entweder im Plugin oder in der Server-Konfiguration ein.
Plugins ausmisten
Plugins sind verführerisch, weil jedes einzelne ein konkretes Problem löst. Das Problem ist die Summe. Gehen Sie Ihre Liste ehrlich durch und stellen Sie bei jedem Plugin drei Fragen: Brauche ich das noch? Wird es überhaupt gepflegt? Macht es etwas, das ich auch anders lösen könnte?
Deaktivieren Sie verdächtige Plugins testweise und messen Sie erneut. Manchmal entlarvt sich ein einzelnes, schlecht programmiertes Plugin als Hauptschuldiger. Besonders berüchtigt sind aufgeblähte Seiten-Builder, schwere Slider und Statistik-Werkzeuge, die bei jedem Seitenaufruf nach Hause telefonieren.
Achtung: Deaktivieren Sie Plugins nie blind auf der Live-Seite, ohne vorher ein Backup gemacht zu haben. Manche Erweiterungen hinterlassen beim Abschalten Lücken im Layout oder in der Funktion.
Wann das Hosting der eigentliche Flaschenhals ist
Sie haben Bilder optimiert, Caching aktiviert, Plugins ausgemistet, und die Seite ist immer noch lahm? Dann ist mit hoher Wahrscheinlichkeit das Hosting der Engpass. Das erkennen Sie unter anderem an einer hohen Server-Antwortzeit, im Fachjargon Time To First Byte genannt. Wenn allein die erste Antwort des Servers schon eine Sekunde oder länger braucht, hilft keine Bildoptimierung mehr.
Günstige Shared-Hosting-Tarife sind für kleine Seiten völlig in Ordnung, stoßen aber an Grenzen, sobald mehr Besucher kommen oder die Seite komplexer wird. Ein Wechsel auf einen besseren Tarif, einen Server mit mehr Ressourcen oder zu einem auf WordPress spezialisierten Hoster kann dann mehr bringen als jede einzelne Optimierung. Ein Umzug will allerdings vorbereitet sein, damit nichts verloren geht.
Ein zusätzlicher Hebel für überregional besuchte Seiten ist ein Content Delivery Network. Dabei werden Ihre Dateien auf Servern in der ganzen Welt verteilt, und jeder Besucher bekommt sie vom nächstgelegenen Standort. Für eine rein lokale Seite ist das meist überflüssig.
Code, Schriften und die kleinen Bremsen
Sind die großen Brocken erledigt, lohnt der Blick auf die Feinheiten. Sie bringen einzeln wenig, in der Summe aber durchaus etwas. Beginnen Sie mit den Schriften. Viele Seiten laden ein halbes Dutzend Schriftschnitte, von denen nur zwei tatsächlich verwendet werden. Jede Schrift ist eine eigene Datei, die geladen werden will. Reduzieren Sie auf das Nötige, und binden Sie Schriften so ein, dass der Text schon sichtbar ist, während die Schrift noch nachlädt. Das verhindert den unschönen Moment, in dem die Seite kurz leer bleibt, weil sie auf eine Schrift wartet.
Der zweite Punkt ist das sogenannte Minimieren von CSS und JavaScript. Dabei werden überflüssige Leerzeichen und Umbrüche aus dem Code entfernt, was die Dateien kleiner macht. Die meisten Caching-Plugins erledigen das auf Wunsch mit. Verwandt damit ist das Zusammenfassen mehrerer Dateien zu einer, was die Zahl der Anfragen an den Server senkt. Hier ist allerdings Vorsicht geboten: Wird zu aggressiv zusammengefasst, kann das Layout zerbrechen. Aktivieren Sie solche Optionen einzeln und prüfen Sie nach jeder, ob die Seite noch korrekt aussieht.
Ein dritter Hebel sind Skripte von Dritten. Jedes eingebundene Werkzeug, sei es eine Chat-Box, ein Karten-Dienst oder ein Statistik-Skript, lädt Code von fremden Servern. Manche davon sind träge und ziehen die gesamte Seite mit nach unten. Prüfen Sie ehrlich, welche dieser Einbindungen Sie wirklich brauchen. Oft lässt sich ein eingebettetes Video durch eine Vorschaugrafik ersetzen, die das Video erst beim Klick nachlädt.
Tempo auf dem Smartphone nicht vergessen
Der größte Teil der Besucher kommt heute über das Smartphone, und gerade dort zählt Tempo doppelt. Mobile Geräte haben oft eine langsamere Verbindung und weniger Rechenleistung als ein Computer. Was auf dem Desktop noch flott wirkt, kann auf dem Handy zäh werden. Messen Sie deshalb immer auch den mobilen Wert getrennt, nicht nur den für den Desktop.
Ein häufiges Problem auf Mobilgeräten ist, dass dieselben riesigen Bilder ausgeliefert werden wie auf dem großen Bildschirm, obwohl das kleine Display sie nie in voller Größe zeigt. Moderne Technik erlaubt es, je nach Bildschirmgröße unterschiedlich große Bildversionen auszuliefern. WordPress macht das in vielen Fällen schon automatisch, aber es lohnt sich, das zu prüfen. Achten Sie außerdem darauf, dass keine Inhalte beim Laden hin- und herspringen, weil Platz für Bilder oder Werbung erst spät reserviert wird. Dieses Springen ist nicht nur unschön, es zählt auch als negativer Wert bei den Core Web Vitals.
Die Kurz-Checkliste zum Abhaken
- Vorher gemessen mit PageSpeed Insights und einem Wasserfall-Werkzeug
- Bilder herunterskaliert, als WebP gespeichert und komprimiert
- Lazy Loading aktiv, das oberste Bild lädt sofort
- Ein Caching-Plugin installiert und getestet
- Browser-Caching für statische Dateien aktiv
- Ungenutzte und schwere Plugins entfernt
- Server-Antwortzeit geprüft, bei Bedarf Hosting verbessert
- Nach jeder Änderung erneut gemessen
Arbeiten Sie diese Liste von oben nach unten ab, und prüfen Sie nach jedem Block, was sich verändert hat. So wissen Sie am Ende genau, welche Maßnahme wie viel gebracht hat, und Sie vermeiden es, alles auf einmal zu ändern und dann im Dunkeln zu tappen. Eine schnelle Website ist am Ende keine Frage von Glück, sondern von Reihenfolge und Geduld.
Passend dazu könnten Sie diese Ratgeber interessieren: Wartungs-Routine, WordPress-Fehler verstehen und HTTP-Fehlercodes.
Häufige Fragen
Eine perfekte Hundert braucht niemand. Wichtiger als die Punktzahl sind die Core Web Vitals: Wenn Ladezeit, Reaktionsfähigkeit und visuelle Stabilität im grünen Bereich liegen, ist die Seite schnell genug. Ein Wert von 90 und mehr auf dem Desktop und 70 bis 80 auf dem Mobilgerät ist für die meisten Seiten ein realistisches und gutes Ziel.
Ja. Selbst eine kleine Seite mit wenigen Besuchern profitiert davon, dass der Server nicht bei jedem Aufruf alles neu berechnen muss. Caching ist eine der Maßnahmen mit dem besten Verhältnis von Aufwand zu Wirkung.
Bildoptimierung und das Entfernen ungenutzter Plugins sind relativ sicher. Beim Caching und bei der Code-Minimierung kann es zu Anzeigefehlern kommen, etwa wenn Skripte in falscher Reihenfolge laden. Machen Sie deshalb vorher ein Backup und testen Sie nach jeder Änderung, ob alles weiter funktioniert.
Dann sind Ihre Möglichkeiten begrenzt. Sie können innerhalb des bestehenden Tarifs oft noch etwas herausholen, indem Sie die Datenbank aufräumen und auf eine aktuelle PHP-Version umstellen. Bleibt die Antwortzeit hoch, führt mittelfristig aber kein Weg an einem besseren Tarif oder einem Anbieterwechsel vorbei.