Ladezeit-Optimierung. Warum jede Sekunde Umsatz bewegt
Schnelle Webseiten verkaufen besser. Wie sich Ladezeiten unter zwei Sekunden erreichen lassen und welche acht Hebel dabei den größten Unterschied machen.
Die teuersten Sekunden im Internet
Der Zusammenhang zwischen Ladezeit und Geschäftserfolg ist gut belegt. Amazon misst rund ein Prozent weniger Umsatz pro 100 Millisekunden zusätzlicher Ladezeit. Google verzeichnet etwa 20 Prozent weniger Suchanfragen, wenn die Auslieferung um eine halbe Sekunde langsamer wird. Walmart wiederum berichtet von rund zwei Prozent mehr Conversions pro Sekunde, die die Seite schneller wird.
Für eine Webseite, die 10.000 Euro Umsatz im Monat erwirtschaftet, ergibt sich daraus eine konkrete Rechnung. Eine Sekunde weniger Ladezeit kann mehr als 200 Euro zusätzlichen Umsatz pro Monat bedeuten. Performance ist damit kein technisches Detail, sondern eine wirtschaftliche Größe.
Was Google misst
Google bewertet die Ladeperformance einer Webseite über drei Kennzahlen, die Core Web Vitals.
Der Largest Contentful Paint (LCP) erfasst, wann das größte sichtbare Element geladen ist. Das ist meist das Hero-Bild oder die Hauptüberschrift.
Der Cumulative Layout Shift (CLS) misst, wie stark der Inhalt während des Ladens springt. Gemeint ist das bekannte Phänomen, bei dem sich das Layout im letzten Moment verschiebt, weil ein Bild nachlädt, und ein Klick ins Leere geht.
Der Interaction to Next Paint (INP) erfasst, wie schnell die Seite auf Klicks und Eingaben reagiert.
| Metrik | Gut | Verbesserungswürdig | Schlecht |
|---|---|---|---|
| LCP | unter 2,5 Sekunden | 2,5 bis 4 Sekunden | über 4 Sekunden |
| CLS | unter 0,1 | 0,1 bis 0,25 | über 0,25 |
| INP | unter 200 ms | 200 bis 500 ms | über 500 ms |
Die acht wichtigsten Optimierungen
1. Bilder optimieren
Bilder sind in den meisten Projekten der größte Performance-Killer. Vier Maßnahmen wirken zuverlässig.
- WebP oder AVIF statt JPEG und PNG (30 bis 50 Prozent kleiner)
- Lazy Loading für Bilder unterhalb des sichtbaren Bereichs
- Responsive Images mit
srcsetfür verschiedene Bildschirmgrößen - Passende Dimensionen, also kein 4000-Pixel-Bild für einen 400-Pixel-Container
2. JavaScript minimieren
Jedes Kilobyte JavaScript muss heruntergeladen, geparst und ausgeführt werden. Das kostet Zeit, besonders auf mobilen Geräten.
- Nur laden, was wirklich gebraucht wird
- Code Splitting, damit jede Seite nur ihren eigenen Code lädt
- Third-Party-Skripte kritisch hinterfragen, denn fünf Analytics-Tools sind selten nötig
3. CSS optimieren
- Critical CSS inline im
<head>laden - Das übrige CSS asynchron nachladen
- Ungenutzte CSS-Regeln entfernen
4. Server-Antwortzeit reduzieren
Die Time to First Byte (TTFB) sollte unter 200 Millisekunden liegen.
- Ein CDN nutzen (Cloudflare, Vercel Edge)
- Server-Side Rendering oder Static Site Generation einsetzen
- Datenbankabfragen optimieren
5. Caching richtig konfigurieren
Dateien, die sich selten ändern, sollten lange im Cache bleiben.
- Bilder, Fonts, CSS und JS mit einem Jahr Cache
- HTML mit kurzem Cache oder Revalidierung
- Cache-Busting über einen Dateinamen-Hash
6. Fonts optimieren
Web-Fonts sind oft unerwartet groß.
- Nur die benötigten Schriftschnitte laden (etwa 400, 600 und 700 statt aller)
font-display: swapfür sofortige Textanzeige- Fonts selbst hosten statt über Google Fonts, was auch der DSGVO entgegenkommt
7. Third-Party-Skripte reduzieren
Jedes externe Skript ist ein Performance-Risiko.
- Google Analytics als GA4 mit gtag.js, also leichtgewichtig
- Facebook Pixel nur, wenn es wirklich gebraucht wird
- Chat-Widgets erst nach der ersten Interaktion laden
- Cookie-Consent über eine schlanke Lösung
8. Preloading und Prefetching
Dem Browser lässt sich mitteilen, was als Nächstes kommt.
<link rel="preload">für kritische Ressourcen<link rel="prefetch">für die wahrscheinlich nächste Seite<link rel="preconnect">für externe Domains
So lässt sich die Ladezeit messen
Vier kostenlose Tools decken den Bedarf in den meisten Fällen ab.
- Google PageSpeed Insights, die offizielle Google-Bewertung
- WebPageTest mit detaillierter Wasserfall-Analyse
- Lighthouse in den Chrome DevTools für die lokale Messung
- GTmetrix für historische Vergleiche
Performance ist kein Nice-to-have
Ladezeit beeinflusst Rankings, Conversion-Rate, Nutzerzufriedenheit und am Ende den Umsatz. Jede Sekunde zählt, im wörtlichen Sinn. Wir behandeln Performance deshalb nicht als nachträgliche Politur, sondern als Teil von weiter umsetzen, also als festen Bestandteil jeder soliden Umsetzung.
Wie schnell eine Webseite wirklich ist, zeigt eine Messung mit konkreten Vorher-Nachher-Vergleichen. Wir messen und optimieren.