Zuerst messen: Was bremst wirklich?
Bevor Sie etwas ändern, lohnt ein Blick auf die Zahlen. Sonst optimieren Sie an der falschen Stelle. Drei kostenlose Werkzeuge reichen für den Anfang:
- PageSpeed Insights von Google zeigt für jede Adresse Messwerte echter Besucher, sofern genug Daten vorliegen, und eine Labormessung mit konkreten Hinweisen.
- Google Search Console fasst im Bericht zu den Core Web Vitals zusammen, welche Seiten Ihrer Website schnell, verbesserungswürdig oder langsam sind.
- Die Entwicklertools im Browser zeigen im Netzwerkbereich, welche Dateien wie groß sind und wie lange sie laden.
Google bewertet die Nutzererfahrung vor allem mit drei Kennzahlen, den Core Web Vitals:
| Kennzahl | Was sie misst | Guter Wert |
|---|---|---|
| Largest Contentful Paint (LCP) | Wann der größte sichtbare Inhalt geladen ist | unter 2,5 Sekunden |
| Interaction to Next Paint (INP) | Wie schnell die Seite auf Klicks und Eingaben reagiert | unter 200 Millisekunden |
| Cumulative Layout Shift (CLS) | Wie stark Inhalte beim Laden verrutschen | unter 0,1 |
| Time to First Byte (TTFB) | Wie schnell der Server antwortet, keine Core-Web-Vitals-Kennzahl, aber ein wichtiger Hinweis | unter 0,8 Sekunden |
Die neun häufigsten Ursachen
1. Zu große Bilder
Ein Foto direkt aus der Kamera ist schnell mehrere Megabyte groß, angezeigt wird es aber nur in Handygröße. Bilder sind die häufigste Einzelursache für langsame Seiten.
Lösung: Bilder vor dem Hochladen auf die tatsächlich benötigte Breite verkleinern, moderne Formate wie WebP oder AVIF verwenden und mehrere Größen anbieten, aus denen der Browser die passende wählt. Bilder außerhalb des sichtbaren Bereichs erst beim Scrollen laden. Breite und Höhe immer angeben, damit nichts verrutscht.
2. Langsamer Server oder günstiges Hosting
Antwortet der Server erst nach einer Sekunde, hilft keine Optimierung im Browser. Häufige Gründe sind überbuchte Shared-Hosting-Tarife, veraltete PHP-Versionen oder ein Server, der weit von Ihren Besuchern entfernt steht.
Lösung: Antwortzeit des Servers messen. Liegt sie dauerhaft hoch, lohnt ein Wechsel auf ein leistungsfähigeres Hosting, eine aktuelle PHP-Version oder eine statisch ausgelieferte Website über ein Content Delivery Network.
3. Fehlendes oder falsches Caching
Ohne Caching baut der Server jede Seite bei jedem Aufruf neu zusammen, und der Browser lädt Dateien bei jedem Besuch erneut.
Lösung: Seiten-Cache auf dem Server, sinnvolle Cache-Zeiten für Bilder, Schriften und Skripte und, wo möglich, ein Content Delivery Network, das Dateien nah beim Besucher ausliefert.
4. Zu viele Plugins und schwere Page-Builder
Jedes Plugin bringt eigenen Code mit, oft auch auf Seiten, auf denen es gar nicht gebraucht wird. Page-Builder erzeugen zusätzlich viel HTML und CSS für jedes Element.
Lösung: Plugins ausmisten, Funktionen bündeln und prüfen, welche Skripte auf welchen Seiten tatsächlich nötig sind.
5. Zu viel JavaScript und Drittanbieter-Skripte
Chat-Fenster, Tracking, Karten, Bewertungs-Widgets, Cookie-Banner: Jedes eingebundene Skript eines Drittanbieters kostet Ladezeit und blockiert oft die Reaktion auf Eingaben.
Lösung: Jedes Skript hinterfragen. Was bleibt, wird verzögert geladen, etwa erst nach dem ersten Scrollen oder Klick.
6. Webschriften
Fünf Schriftschnitte von einem externen Server, und der Text erscheint erst, wenn alle geladen sind. Das bremst und kann bei Schriften von externen Anbietern auch datenschutzrechtliche Fragen aufwerfen.
Lösung: Wenige Schnitte verwenden, Schriften auf dem eigenen Server bereitstellen und so einbinden, dass Text sofort sichtbar ist.
7. Videos und Slider im ersten Bildschirm
Ein Video im Kopfbereich oder ein Slider mit fünf großen Bildern ist der Klassiker unter den Bremsen, besonders auf dem Handy.
Lösung: Ein starkes, optimiertes Bild statt eines Sliders. Videos erst laden, wenn jemand auf Abspielen klickt.
8. Fehlende Komprimierung und veraltete Protokolle
Ohne Komprimierung werden HTML, CSS und JavaScript in voller Größe übertragen. Alte Serverkonfigurationen nutzen zudem noch HTTP/1.1.
Lösung: Komprimierung mit Brotli oder Gzip und HTTP/2 oder HTTP/3 aktivieren. Bei guten Hostern ist das Standard.
9. Fehlende Wartung
Über die Jahre sammeln sich Altlasten an: tausende Revisionen in der Datenbank, verwaiste Plugins, ungenutzte Bilder, Weiterleitungsketten.
Lösung: Regelmäßige Wartung mit Updates, Aufräumen der Datenbank und Prüfung der Weiterleitungen.
Warum die Ladezeit auf dem Handy entscheidet
Google bewertet Websites zuerst in der mobilen Ansicht. Eine Seite, die am Büro-PC mit Glasfaser in einer Sekunde lädt, kann auf einem durchschnittlichen Smartphone im Mobilfunknetz vier oder fünf Sekunden brauchen. Testen Sie deshalb immer mobil, idealerweise mit einem Mittelklasse-Handy und nicht nur mit dem neuesten Modell.
In welcher Reihenfolge sich Maßnahmen lohnen
- Bilder verkleinern und in modernen Formaten ausliefern
- Caching einrichten oder richtig konfigurieren
- Unnötige Plugins und Drittanbieter-Skripte entfernen
- Schriften reduzieren und lokal einbinden
- Serverantwortzeit prüfen, bei Bedarf Hosting wechseln
- Erst danach an Code und Aufbau der Seite arbeiten
Die ersten drei Punkte bringen auf den meisten Websites den größten Teil der Verbesserung, mit überschaubarem Aufwand.
Wann ein Neubau sinnvoller ist
Ist eine Website mit einem schweren Page-Builder und dutzenden Plugins gewachsen, stößt Optimierung irgendwann an Grenzen. Dann ist ein schlanker Neubau oft günstiger als monatelanges Feilen, vor allem wenn ohnehin neue Inhalte geplant sind. Wichtig ist dabei, dass alle bisherigen Adressen erhalten bleiben oder sauber weitergeleitet werden, damit die Platzierungen bei Google nicht verloren gehen.
Fazit
Langsame Webseiten haben selten eine einzige Ursache, aber fast immer dieselben Verdächtigen. Wer zuerst misst und dann in der richtigen Reihenfolge vorgeht, macht seine Website mit überschaubarem Aufwand spürbar schneller, für Besucher und für Google. Wie wir Websites bauen und betreiben, lesen Sie unter Webdesign.