Kurz gesagt: Um die Ladezeit Ihrer Website zu verbessern, messen Sie zuerst mit Google PageSpeed Insights und beheben dann die größten Bremsen: zu große Bilder, zu viele Skripte, fehlendes Caching und langsames Hosting. Google bewertet die Nutzererfahrung mit den Core Web Vitals. Als gut gelten eine Ladezeit des größten Inhalts (LCP) bis 2,5 Sekunden, eine Reaktionszeit (INP) bis 200 Millisekunden und eine Layout-Verschiebung (CLS) bis 0,1.
Warum ist die Ladezeit so wichtig?
Eine langsame Seite kostet Besucher. Wer auf dem Handy auf eine leere Seite schaut, tippt schnell zurück und wählt das nächste Suchergebnis. Damit verlieren Sie nicht nur diesen Besuch, sondern oft auch die Anfrage oder den Kauf, der daraus entstanden wäre.
Auch für Google spielt die Nutzererfahrung eine Rolle. Die Core Web Vitals gehören zu den Signalen, die Google für die Seitenerfahrung heranzieht. Guter Inhalt bleibt aber wichtiger: Eine schnelle Seite ohne passende Antwort rankt nicht allein wegen ihrer Geschwindigkeit.
Was sind die Core Web Vitals?
Google misst die Nutzererfahrung mit drei Kennzahlen. Die Grenzwerte gelten für echte Besucher und beziehen sich auf das 75. Perzentil, also auf drei von vier Seitenaufrufen:
| Kennzahl | Was sie misst | Gut | Verbesserungswürdig | Schlecht |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Wann der größte sichtbare Inhalt geladen ist | bis 2,5 s | bis 4,0 s | über 4,0 s |
| INP (Interaction to Next Paint) | Wie schnell die Seite auf Klicks und Eingaben reagiert | bis 200 ms | bis 500 ms | über 500 ms |
| CLS (Cumulative Layout Shift) | Wie stark Inhalte beim Laden verrutschen | bis 0,1 | bis 0,25 | über 0,25 |
INP hat 2024 die frühere Kennzahl FID ersetzt. Ältere Ratgeber nennen deshalb manchmal noch FID.
Wie messe ich die Ladezeit?
- PageSpeed Insights: Das kostenlose Werkzeug von Google zeigt zwei Arten von Daten. Felddaten stammen von echten Chrome-Nutzern, sofern genug Besuche vorliegen. Labordaten entstehen bei einem simulierten Test. Darunter listet das Werkzeug konkrete Verbesserungen auf.
- Google Search Console: Der Bericht zu den Core Web Vitals zeigt, welche Seitengruppen gut, verbesserungswürdig oder schlecht abschneiden.
- Lighthouse: Ist im Chrome-Browser eingebaut (Entwicklertools) und liefert ähnliche Labordaten wie PageSpeed Insights.
Messen Sie immer die mobile Ansicht zuerst. Dort sind die Werte meist schlechter, und viele Besucher kommen über das Handy.
Wie optimiere ich Bilder?
Bilder sind auf vielen Websites die größte Bremse. Diese Schritte bringen oft den größten Gewinn:
- Richtige Größe: Laden Sie Bilder nicht größer hoch, als sie angezeigt werden. Ein Foto direkt aus der Kamera ist für eine Website fast immer viel zu groß.
- Moderne Formate: WebP und AVIF sind bei gleicher Qualität meist kleiner als JPEG oder PNG.
- Komprimierung: Werkzeuge zum Verkleinern sparen Dateigröße, ohne dass man einen Unterschied sieht.
- Lazy Loading: Bilder weiter unten auf der Seite laden erst, wenn der Besucher dorthin scrollt.
- Feste Maße: Geben Sie Breite und Höhe an. So reserviert der Browser den Platz, und nichts verrutscht. Das verbessert den CLS-Wert.
Eine Ausnahme beim Lazy Loading: Das große Bild ganz oben sollte sofort laden, denn es ist oft genau das Element, das den LCP-Wert bestimmt.
Wie reduziere ich Skripte und CSS?
Jedes Skript muss geladen, gelesen und ausgeführt werden. Viele Websites laden Programme, die gar nicht mehr gebraucht werden: alte Tracking-Codes, ungenutzte Plugins, Chat-Widgets oder Animationen.
- Entfernen Sie alles, was Sie nicht wirklich nutzen.
- Laden Sie Skripte, die nicht sofort nötig sind, verzögert (Attribute „defer“ oder „async“).
- Fassen Sie Dateien zusammen und entfernen Sie Leerzeichen und Kommentare (Minifizierung).
- Prüfen Sie Schriftarten: Jede zusätzliche Schrift und jeder Schriftschnitt kostet Ladezeit.
Was bringen Caching und CDN?
Browser-Caching sorgt dafür, dass ein Besucher Dateien wie Logo, Schriften und Stylesheets beim zweiten Besuch nicht neu laden muss. Der Server teilt dem Browser mit, wie lange er diese Dateien speichern darf.
Ein Content Delivery Network (CDN) verteilt Kopien Ihrer Dateien auf Server an vielen Orten. Besucher bekommen die Daten vom nächstgelegenen Server. Das verkürzt die Wege, besonders bei Besuchern aus anderen Ländern.
Welche Rolle spielt das Hosting?
Wenn der Server lange braucht, bis er überhaupt antwortet, helfen alle anderen Maßnahmen nur begrenzt. Diese Wartezeit heißt Time to First Byte (TTFB). Ist sie dauerhaft hoch, lohnt ein Blick auf den Tarif, den Serverstandort oder einen Wechsel des Anbieters. Bei Baukästen und CMS kann auch die Zahl der Plugins den Server bremsen.
Wie verhindere ich verrutschende Inhalte?
Kennen Sie das? Sie wollen auf einen Link tippen, und plötzlich springt der Text nach unten, weil oben ein Bild oder ein Banner nachlädt. Genau das misst CLS. Abhilfe schaffen feste Maße für Bilder und Videos, reservierter Platz für Banner und Anzeigen und Schriften, die beim Laden nicht die Zeilenlänge verändern.
In welcher Reihenfolge gehe ich vor?
- Mobile Startseite und die wichtigsten Unterseiten mit PageSpeed Insights messen.
- Bilder verkleinern, in WebP umwandeln und Lazy Loading einschalten.
- Ungenutzte Plugins, Skripte und Schriften entfernen.
- Caching aktivieren und, wenn möglich, ein CDN nutzen.
- Erneut messen und mit dem ersten Ergebnis vergleichen.
- Erst dann über Hosting oder größere Umbauten nachdenken.
Typische Fehler
- Nur am schnellen Desktop-Rechner im Büro testen
- Den Punktwert in PageSpeed Insights wichtiger nehmen als die echten Felddaten
- Neue Plugins installieren, um die Ladezeit zu verbessern, statt alte zu entfernen
- Das große Bild ganz oben verzögert laden
Mehr zu Aufbau und Gestaltung schneller Websites lesen Sie auf unserer Themenseite Webdesign.