Website zu langsam: 9 Ursachen und wie sich die Ladezeit verbessern lässt
Eine langsame Website hat fast immer dieselben Ursachen: zu große Bilder, zu viele Erweiterungen, fremde Skripte und ein schwaches Hosting. Um die Ladezeit zu verbessern, wird zuerst gemessen und dann in der richtigen Reihenfolge aufgeräumt. Dieser Beitrag nennt neun Ursachen, woran sie zu erkennen sind und was jeweils hilft.
Kurz gesagt
- Gemessen wird am Handy im Mobilfunknetz und nicht am Bürorechner mit schneller Leitung.
- Bilder sind die häufigste Bremse und zugleich die, die sich am leichtesten lösen lässt.
- Jede Erweiterung und jedes fremde Skript lädt mit, auch wenn es nur auf einer einzigen Seite gebraucht wird.
- Ein Cache und gutes Hosting helfen, ersetzen aber das Aufräumen nicht.
Erst messen, dann schrauben
Ob eine Website langsam ist, lässt sich am eigenen Rechner schlecht beurteilen. Dort liegen viele Dateien bereits im Zwischenspeicher des Browsers, und die Leitung im Büro ist meist schneller als das Mobilfunknetz auf der Baustelle oder im Zug. Aussagekräftig ist ein Test von außen.
- Die Startseite und eine typische Unterseite mit einem kostenlosen Prüfwerkzeug wie PageSpeed Insights von Google testen, jeweils in der Ansicht für Mobilgeräte.
- Die Seite auf einem Handy im Mobilfunknetz öffnen, in einem privaten Fenster, damit nichts zwischengespeichert ist.
- Notieren, was zuerst erscheint, was nachlädt und ob Inhalte beim Laden springen.
Das Prüfwerkzeug zeigt neben einer Gesamtnote, welche Dateien am schwersten wiegen. Diese Liste ist wertvoller als die Note. Fast immer führt sie zu einer der folgenden neun Ursachen.
Ursache 1 bis 3: Bilder, die mehr wiegen als nötig
1. Bilder sind größer als ihre Anzeige
Ein Foto direkt aus der Kamera oder vom Handy ist mehrere tausend Pixel breit. Auf der Website erscheint es vielleicht in einem Drittel der Bildschirmbreite. Der Browser lädt trotzdem die volle Datei und rechnet sie klein. Abhilfe: Bilder vor dem Hochladen auf die Breite zuschneiden, in der sie höchstens gezeigt werden, und für Handys kleinere Fassungen bereitstellen.
2. Veraltete Dateiformate
JPEG und PNG sind solide, aber schwerer als nötig. Moderne Formate wie WebP liefern bei gleicher sichtbarer Qualität deutlich kleinere Dateien. Abhilfe: Fotos als WebP ausliefern, Logos und Symbole als SVG, einem Format für Zeichnungen, das in jeder Größe scharf bleibt.
3. Alles lädt sofort
Ohne weitere Einstellung holt der Browser auch Bilder, die erst weit unten auf der Seite stehen. Abhilfe: verzögertes Laden einschalten, auf Englisch Lazy Loading. Bilder unterhalb des sichtbaren Bereichs werden dann erst geladen, wenn der Besucher dorthin scrollt. Das große Bild ganz oben ist davon ausgenommen, es soll so früh wie möglich erscheinen.
Ursache 4 bis 6: Ballast im System
4. Zu viele Erweiterungen
Jede Erweiterung bringt eigene Dateien mit, oft auf jeder Seite, auch wenn sie nur an einer Stelle gebraucht wird. Ein Formular, das nur auf der Kontaktseite steht, bremst so auch die Startseite. Abhilfe: die Liste der Erweiterungen durchgehen, Ungenutztes löschen statt nur abschalten und doppelte Aufgaben zusammenlegen.
5. Ein überladenes Theme
Universal-Themes versprechen jede denkbare Gestaltung und liefern den Code für alle Möglichkeiten mit. Genutzt wird ein Bruchteil davon. Abhilfe: nicht benötigte Module im Theme abschalten. Reicht das nicht, ist der Wechsel auf ein schlankes Theme der wirksamste Schritt und zugleich der größte. Wie eine schlank gebaute WordPress-Website aussieht, steht auf der Leistungsseite.
6. Schriften und Symbolsätze
Vier Schriftschnitte, zwei Schriftfamilien und ein kompletter Symbolsatz, aus dem drei Symbole verwendet werden: Das summiert sich. Kommen die Schriften von einem fremden Server, braucht der Browser dafür eine zusätzliche Verbindung. Abhilfe: Schriften auf dem eigenen Server ablegen, auf zwei bis drei Schnitte beschränken und einzelne Symbole als SVG einbinden.
Ursache 7: Fremde Skripte und eingebettete Inhalte
Karten, Videos, Bewertungs-Widgets, Chatfenster und Auswertungsdienste werden von fremden Servern geladen. Jeder dieser Dienste bringt eigene Skripte mit, und auf deren Größe und Geschwindigkeit hat der Betrieb keinen Einfluss. Eine eingebettete Karte auf der Startseite kann mehr wiegen als der gesamte Rest der Seite.
Abhilfe: bei jedem Dienst fragen, welche Aufgabe er erfüllt. Die Karte gehört auf die Kontaktseite und lässt sich durch ein Bild mit Verweis auf den Routenplaner ersetzen. Videos laden erst nach einem Klick auf ein Vorschaubild. Was niemand auswertet, fliegt raus. Nebenbei sinkt damit die Zahl der Dienste, für die eine Einwilligung nötig sein kann.
Ursache 8 und 9: Zwischenspeicher und Server
8. Kein Cache
Ein Redaktionssystem wie WordPress setzt jede Seite bei jedem Aufruf neu aus der Datenbank zusammen. Ein Cache, also ein Zwischenspeicher, hebt das fertige Ergebnis auf und liefert es direkt aus. Abhilfe: Seiten-Cache einrichten, dazu Komprimierung und eine sinnvolle Speicherdauer für Bilder und Schriften im Browser des Besuchers. Viele Hoster bringen dafür eigene Funktionen mit.
9. Schwaches oder veraltetes Hosting
Reagiert schon der Server träge, hilft alles Weitere nur begrenzt. Ursachen sind oft ein Tarif, bei dem sich sehr viele Kunden einen Server teilen, oder eine veraltete PHP-Version. PHP ist die Programmiersprache, in der WordPress läuft, und neuere Versionen arbeiten in der Regel schneller. Abhilfe: PHP-Version prüfen und anheben, vorher testen, ob alle Erweiterungen damit zurechtkommen. Bleibt die Antwortzeit schlecht, lohnt der Wechsel des Tarifs oder des Hosters.
Alle neun Ursachen auf einen Blick
| Ursache | Woran man sie erkennt | Aufwand der Abhilfe |
|---|---|---|
| Zu große Bilder | Einzelne Bilddateien führen die Liste im Prüfwerkzeug an | Gering |
| Alte Bildformate | Fotos liegen als JPEG oder PNG vor | Gering |
| Kein verzögertes Laden | Bilder vom Seitenende laden schon beim Aufruf | Gering |
| Zu viele Erweiterungen | Lange Liste, vieles davon ungenutzt | Mittel |
| Überladenes Theme | Viel ungenutzter Code im Prüfbericht | Mittel bis hoch |
| Schriften und Symbolsätze | Viele Schriftdateien, Abruf von fremden Servern | Gering |
| Fremde Skripte | Karten, Videos und Widgets schon auf der Startseite | Gering bis mittel |
| Kein Cache | Auch einfache Seiten brauchen lange bis zum ersten Inhalt | Gering |
| Schwaches Hosting | Lange Antwortzeit des Servers | Mittel |
Die richtige Reihenfolge beim Aufräumen
Wer alles gleichzeitig ändert, weiß am Ende nicht, was geholfen hat. Bewährt hat sich, von leicht nach schwer vorzugehen und nach jedem Schritt neu zu messen: zuerst Bilder, dann fremde Skripte, dann Erweiterungen, zuletzt Cache und Hosting. Vor jedem Eingriff in Erweiterungen, Theme oder PHP-Version steht eine Sicherung.
Eine einmal aufgeräumte Seite bleibt nicht von selbst schnell. Neue Fotos werden unbearbeitet hochgeladen, für eine Aktion kommt eine Erweiterung dazu und bleibt für immer. Deshalb gehört ein Blick auf die Ladezeit in jede Website-Wartung. Lässt sich eine gewachsene Seite trotz allem nicht mehr beschleunigen, ist ein Relaunch auf schlanker Grundlage oft der kürzere Weg.
Die Note im Prüfwerkzeug ist ein Hilfsmittel und kein Ziel. Entscheidend ist, ob die Seite auf einem durchschnittlichen Handy schnell lesbar und bedienbar ist.
