Die Ladezeit einer Website ist die Zeit, die vergeht, bis eine Seite für Besucher sichtbar und bedienbar ist. Sie entscheidet darüber, ob jemand bleibt, kauft oder anruft, oder ob er nach wenigen Sekunden zur Konkurrenz wechselt. Wer die Ladezeit seiner Website verbessern will, braucht keine Zauberei, sondern eine klare Reihenfolge.
Dieser Leitfaden zeigt dir, welche Kennzahlen Google heranzieht, wie du sie misst und welche Hebel bei typischen Mittelstands-Websites am meisten bringen. Am Ende steht eine Prioritätenliste, mit der du sofort starten kannst.
Inhaltsverzeichnis
Warum die Ladezeit über Umsatz und Sichtbarkeit entscheidet
Langsame Seiten kosten doppelt. Besucher brechen ab, bevor sie dein Angebot überhaupt sehen, und Google wertet die Nutzererfahrung als eines von vielen Signalen für das Ranking. Eine gute Ladezeit ist deshalb kein Technikdetail, sondern eine Vertriebsfrage.
Besonders deutlich wird das auf dem Smartphone. Viele Kunden suchen unterwegs nach einem Handwerker, einem Restaurant oder einer Öffnungszeit, oft im Mobilfunknetz. Angenommen, ein Malerbetrieb lädt auf seiner Startseite ein Hintergrundvideo und mehrere unkomprimierte Referenzfotos: Dann wartet der Interessent im Zweifel lange auf einen weißen Bildschirm und ruft den nächsten Treffer an.
Hinzu kommt ein Effekt, den viele unterschätzen: Eine kurze Ladezeit verbessert auch die Barrierefreiheit und die Bedienbarkeit für ältere Geräte. Was technisch schlank ist, funktioniert für mehr Menschen.
Core Web Vitals: die offiziellen Schwellenwerte
Google misst die Nutzererfahrung mit den Core Web Vitals. Das sind drei Kennzahlen, die Ladeverhalten, Reaktionsfähigkeit und visuelle Stabilität abbilden. Die Schwellenwerte veröffentlicht Google auf web.dev in der Übersicht zu den Web Vitals.
| Kennzahl | Was sie misst | Gut | Verbesserungsbedürftig | Schlecht |
|---|---|---|---|---|
| Largest Contentful Paint (LCP) | Wann das größte sichtbare Element geladen ist | bis 2,5 Sekunden | 2,5 bis 4 Sekunden | über 4 Sekunden |
| Interaction to Next Paint (INP) | Wie schnell die Seite auf Klicks und Eingaben reagiert | bis 200 Millisekunden | 200 bis 500 Millisekunden | über 500 Millisekunden |
| Cumulative Layout Shift (CLS) | Wie stark Inhalte beim Laden verrutschen | bis 0,1 | 0,1 bis 0,25 | über 0,25 |
Wichtig ist der Bewertungsmaßstab: Google empfiehlt, das 75. Perzentil der Seitenaufrufe zu betrachten, getrennt nach Mobilgeräten und Desktop. Eine Seite gilt also erst dann als gut, wenn mindestens drei Viertel der Besuche die Zielwerte erreichen.
INP hat im März 2024 die frühere Kennzahl First Input Delay (FID) abgelöst. Ältere Anleitungen, die noch FID nennen, sind in diesem Punkt veraltet.
Ladezeit messen: die richtigen Werkzeuge
Bevor du optimierst, brauchst du eine belastbare Ausgangslage. Zwei kostenlose Google-Werkzeuge reichen für den Anfang völlig aus.
PageSpeed Insights
Mit PageSpeed Insights prüfst du eine einzelne URL. Das Tool zeigt zwei Arten von Daten: Felddaten aus echten Chrome-Besuchen der vergangenen 28 Tage, sofern genug Traffic vorhanden ist, und Labordaten aus einem simulierten Test mit Lighthouse.
Für die Bewertung zählen die Felddaten, denn sie spiegeln die tatsächliche Ladezeit bei deinen Besuchern. Die Labordaten helfen bei der Ursachenforschung, weil sie konkrete Empfehlungen liefern, etwa zu großen Bildern oder blockierenden Skripten. Teste immer die mobile Ansicht zuerst.
Bei kleinen Websites fehlen oft Felddaten, weil zu wenige Chrome-Nutzer die Seite besuchen. Dann bleibt dir nur der Labortest. Teste in diesem Fall mehrmals zu verschiedenen Tageszeiten und notiere den Mittelwert, denn einzelne Messungen schwanken.
Google Search Console
Der Bericht „Core Web Vitals“ in der Search Console gruppiert ähnliche URLs und zeigt, welche Seitentypen Probleme haben. So erkennst du etwa, dass alle Produktseiten beim LCP schwächeln, die Blogartikel aber nicht. Nach einer Korrektur kannst du dort die Überprüfung starten und den Fortschritt verfolgen.
Ergänzende Werkzeuge
Die Entwicklertools im Chrome-Browser zeigen im Tab „Netzwerk“, welche Dateien wie lange laden. Wer tiefer einsteigen will, nutzt Wasserfall-Diagramme aus spezialisierten Testdiensten. Für die meisten Betriebe genügen aber PageSpeed Insights und Search Console, ergänzt durch einen regelmäßigen Website-Check.
Die größten Hebel für eine kürzere Ladezeit
Die Ursachen einer schlechten Ladezeit ähneln sich bei kleinen und mittleren Unternehmen erstaunlich oft. Die folgenden Hebel sind nach typischer Wirkung sortiert.
Bilder optimieren
Bilder sind auf vielen Seiten der größte Datenblock und oft das LCP-Element. Drei Maßnahmen bringen hier am meisten:
- Moderne Formate wie WebP oder AVIF nutzen, die bei gleicher Qualität meist deutlich kleiner sind als JPEG oder PNG.
- Bilder in der Größe ausliefern, in der sie angezeigt werden, und über das Attribut srcset passende Varianten für Smartphones bereitstellen.
- Bilder unterhalb des sichtbaren Bereichs per Lazy Loading nachladen, das Hauptbild oben aber gerade nicht, damit es sofort erscheint.
Gib Bildern außerdem feste Breiten und Höhen vor. So reserviert der Browser den Platz, und nichts verrutscht. Das verbessert direkt den CLS-Wert.
Caching und Komprimierung
Beim Caching speichert der Server oder der Browser fertige Seiten und Dateien zwischen, statt sie bei jedem Aufruf neu zu erzeugen. Bei WordPress und anderen Systemen übernehmen das Caching-Plugins oder der Hoster. Für wiederkehrende Besucher verkürzt Browser-Caching die Ladezeit spürbar.
Prüfe außerdem, ob dein Server Textdateien komprimiert ausliefert, etwa per Gzip oder Brotli. Bei modernem Hosting ist das Standard, bei älteren Tarifen nicht immer.
Hosting und Serverantwortzeit
Wenn der Server lange braucht, bevor er das erste Byte schickt, hilft kein Bildoptimierer. Günstige Shared-Hosting-Pakete teilen sich Ressourcen mit vielen anderen Kunden. Achte bei der Wahl auf aktuelle PHP-Versionen, ausreichend Arbeitsspeicher, HTTP/2 oder HTTP/3 und einen Serverstandort in der Nähe deiner Kundschaft.
Für einen Betrieb mit regionaler Kundschaft ist ein Rechenzentrum in Deutschland oft die beste Wahl, auch aus Datenschutzgründen.
CDN gezielt einsetzen
Ein Content Delivery Network verteilt statische Dateien wie Bilder, Stylesheets und Skripte auf Server an vielen Standorten. Besucher laden sie dann vom nächstgelegenen Knoten. Das lohnt sich besonders für Shops mit überregionaler oder internationaler Kundschaft.
Prüfe vor dem Einsatz, wo der Anbieter Daten verarbeitet, und nimm ihn in deine Datenschutzerklärung auf. Für eine rein lokale Website mit wenig Traffic ist ein CDN dagegen selten der erste Schritt.
Skripte und Drittanbieter-Code
Chat-Widgets, Tracking-Pixel, eingebettete Karten und Social-Media-Feeds laden oft große Mengen JavaScript nach. Sie belasten vor allem den INP-Wert, weil der Browser beschäftigt ist und auf Eingaben verzögert reagiert. Frag bei jedem Skript: Brauchen wir das wirklich, und auf jeder Seite?
Verbleibende Skripte lädst du mit den Attributen defer oder async, damit sie den Seitenaufbau nicht blockieren. Externe Dienste wie Karten oder Videos kannst du per Zwei-Klick-Lösung erst nach Aufforderung laden. Das verbessert die Ladezeit und hilft beim Datenschutz, wie unser Beitrag zum rechtssicheren Cookie-Banner zeigt.
Weiterleitungen, Datenbank und Theme
Jede Weiterleitung kostet einen zusätzlichen Weg zum Server. Verlinke intern deshalb immer direkt auf die endgültige Adresse, mit https und der richtigen Schreibweise mit oder ohne www. Ketten aus mehreren Weiterleitungen entstehen oft nach Relaunches und bleiben jahrelang unbemerkt.
Bei Systemen mit Datenbank sammeln sich über die Jahre Revisionen, Spam-Kommentare und Reste gelöschter Plugins. Eine regelmäßige Bereinigung hält Abfragen schlank. Auch das Theme spielt eine Rolle: Multifunktions-Themes laden häufig Stylesheets und Skripte für Funktionen, die du nie nutzt.
Webschriften
Eigene Schriften sehen gut aus, verlängern aber die Ladezeit, wenn zu viele Schnitte geladen werden. Beschränke dich auf zwei bis drei Schnitte, nutze das Format WOFF2 und binde die Schriften lokal von deinem Server ein. Mit der CSS-Angabe font-display: swap zeigt der Browser den Text sofort in einer Ersatzschrift an.
Ladezeit verbessern: deine Prioritätenliste
Nicht jede Maßnahme lohnt sich für jede Website. Mit dieser Reihenfolge erzielst du den größten Effekt pro investierter Stunde:
- Ausgangswerte festhalten: Startseite, wichtigste Leistungs- oder Produktseite und Kontaktseite in PageSpeed Insights testen, mobile Werte notieren.
- LCP-Element identifizieren: PageSpeed Insights zeigt, welches Element das größte ist. Meist ist es ein Bild, das du komprimierst und vorrangig lädst.
- Alle Bilder komprimieren und in passende Größen umwandeln, Lazy Loading unterhalb des sichtbaren Bereichs aktivieren.
- Caching einrichten und prüfen, ob Komprimierung aktiv ist.
- Skripte ausmisten: Ungenutzte Plugins, Tracking-Codes und Widgets entfernen, den Rest verzögert laden.
- Schriften reduzieren und lokal einbinden.
- Hosting prüfen: Ist die Serverantwortzeit trotz allem hoch, ist ein Tarif- oder Anbieterwechsel fällig.
- Erfolg kontrollieren: Nach vier Wochen die Felddaten in der Search Console vergleichen.
Angenommen, ein Fachgeschäft für Arbeitskleidung arbeitet diese Liste ab. Im ersten Durchgang zeigt sich, dass das große Titelbild der Startseite mehrere Megabyte wiegt und drei Tracking-Skripte parallel laden, von denen nur eines noch genutzt wird. Allein diese beiden Korrekturen verbessern die Ladezeit meist mehr als jede Feinarbeit am Code.
Diese Liste deckt bei den meisten Unternehmensseiten den Großteil der Probleme ab. Erst danach lohnen sich Feinarbeiten wie kritisches CSS oder ein CDN.
Typische Ladezeit-Fallen bei Baukasten, WordPress und Shop
Jedes System hat seine eigenen Schwachstellen. Bei WordPress sind es meist zu viele Plugins und schwere Page-Builder-Themes. Ein schlankes Theme und ein Plugin-Inventar einmal im Quartal wirken oft mehr als jedes Optimierungstool.
Bei Homepage-Baukästen hast du weniger Einfluss auf den Code. Hier liegen deine Hebel bei Bildgrößen, eingebetteten Fremdinhalten und der Anzahl der Abschnitte auf einer Seite. Wer an Grenzen stößt, sollte die Ladezeit bei der nächsten Systementscheidung als Kriterium mitdenken.
Shops leiden oft unter umfangreichen Kategorieseiten, Produktfiltern und Empfehlungs-Widgets. Wenn du ohnehin überlegst, ob ein eigener Shop oder ein Marktplatz besser zu dir passt, hilft dir unser Vergleich Online-Shop oder Marktplatz.
Die Ladezeit dauerhaft im Griff behalten
Performance ist kein Projekt mit Enddatum. Jedes neue Plugin, jedes große Foto und jedes zusätzliche Tracking kann die Ladezeit wieder verschlechtern. Verankere deshalb drei einfache Routinen:
- Bildregeln für alle, die Inhalte pflegen: maximale Breite, Format und Dateigröße schriftlich festlegen.
- Freigabe für neue Skripte: Kein Tool landet ohne Prüfung auf der Seite, auch nicht auf Wunsch der Werbeagentur.
- Monatlicher Blick in die Search Console: Der Core-Web-Vitals-Bericht warnt dich, wenn sich Werte verschlechtern.
Angenommen, ein Steuerbüro lässt seine neue Website von einer Agentur bauen. Dann gehören messbare Zielwerte für LCP, INP und CLS ins Pflichtenheft. So wird eine gute Ladezeit Teil der Abnahme und nicht zur Nacharbeit.
Das Wichtigste zur Ladezeit in Kürze
- Die Core Web Vitals sind LCP (gut bis 2,5 Sekunden), INP (gut bis 200 Millisekunden) und CLS (gut bis 0,1), gemessen am 75. Perzentil.
- Miss die Ladezeit mit PageSpeed Insights und dem Core-Web-Vitals-Bericht der Search Console, mobile Werte zuerst.
- Bilder, Caching und überflüssige Skripte sind bei den meisten Websites die größten Hebel.
- Hosting und CDN helfen, wenn die Grundlagen sitzen.
- Feste Routinen verhindern, dass die Ladezeit nach der Optimierung wieder schleichend steigt.
FAQ
Häufige Fragen zur Ladezeit
Was ist eine gute Ladezeit für eine Website?
Google bewertet die Ladezeit über die Core Web Vitals. Als gut gilt ein Largest Contentful Paint von höchstens 2,5 Sekunden, eine Interaction to Next Paint von höchstens 200 Millisekunden und ein Cumulative Layout Shift von höchstens 0,1. Maßgeblich ist das 75. Perzentil aller Seitenaufrufe, getrennt nach Mobilgeräten und Desktop.
Wie messe ich die Ladezeit meiner Website kostenlos?
Gib die Adresse deiner Seite in PageSpeed Insights ein und schau zuerst auf die mobilen Felddaten aus echten Besuchen. Die Labordaten darunter zeigen konkrete Ursachen. Zusätzlich liefert der Bericht Core Web Vitals in der Google Search Console einen Überblick über alle Seitentypen deiner Website und zeigt, wo Handlungsbedarf besteht.
Welche Maßnahme verbessert die Ladezeit am schnellsten?
Bei den meisten Unternehmenswebsites bringt die Bildoptimierung den größten Sprung. Komprimiere Fotos, nutze moderne Formate wie WebP und liefere Bilder nur in der angezeigten Größe aus. Danach folgen Caching und das Entfernen überflüssiger Skripte. Diese drei Schritte lassen sich oft an einem Tag umsetzen.
Wann lohnt sich ein CDN für kleine Unternehmen?
Ein Content Delivery Network lohnt sich vor allem, wenn deine Besucher aus vielen Regionen oder Ländern kommen, etwa bei einem überregionalen Onlineshop. Für eine lokale Website mit regionaler Kundschaft und gutem Hosting in Deutschland bringt ein CDN meist wenig. Kläre vorab, wo der Anbieter Daten verarbeitet.
Warum ist INP an die Stelle von FID getreten?
First Input Delay maß nur die Verzögerung der allerersten Interaktion. Interaction to Next Paint betrachtet dagegen die Reaktionszeit über den gesamten Besuch, also bei jedem Klick, Tippen oder jeder Tastatureingabe. Damit bildet die Kennzahl besser ab, wie flüssig sich eine Seite tatsächlich anfühlt. Seit März 2024 ist INP offizieller Teil der Core Web Vitals.
