Deine Website braucht länger als 3 Sekunden? Dann verlierst du Besucher – messbar. Core Web Vitals, Quick Wins und konkrete Maßnahmen, die wirklich etwas bringen.
53 Prozent aller mobilen Nutzer verlassen eine Seite, die länger als 3 Sekunden lädt. Das ist keine Marketing-Weisheit, das ist eine Google-Studie. Und trotzdem sehen wir jede Woche Websites, die 8, 10 oder sogar 15 Sekunden brauchen. Das ist, als würdest du deinen Laden öffnen und die Tür zukleben. Performance ist kein technisches Randthema – sie entscheidet darüber, ob deine Website Kunden gewinnt oder vertreibt. Hier sind die konkreten Maßnahmen, die wirklich etwas bringen.
Warum Ladezeit dein wichtigster KPI ist
Ladezeit beeinflusst alles gleichzeitig: Dein Google-Ranking, deine Conversion Rate, deine Absprungrate und sogar die Wahrnehmung deiner Marke. Eine langsame Website wirkt unprofessionell – egal wie gut dein Design ist.
Amazon hat berechnet, dass jede 100 Millisekunden zusätzliche Ladezeit 1 Prozent Umsatz kostet. Bei dir sind die absoluten Zahlen kleiner, aber das Prinzip ist identisch: Geschwindigkeit ist Geld. Google hat die Ladezeit seit 2021 zum offiziellen Rankingfaktor gemacht – über die sogenannten Core Web Vitals.
Eine Studie von Portent zeigt: Websites, die in 1 Sekunde laden, haben eine dreimal höhere Conversion Rate als Websites mit 5 Sekunden Ladezeit. Das gilt branchenübergreifend – vom lokalen Handwerker bis zum Onlineshop.
Core Web Vitals verstehen
Google misst drei zentrale Werte, die zusammen dein „Geschwindigkeitszeugnis" bilden:
- LCP (Largest Contentful Paint): Wie schnell ist der größte sichtbare Inhalt geladen? Ziel: unter 2,5 Sekunden. Typischerweise ist das ein Hero-Bild oder eine große Überschrift.
- INP (Interaction to Next Paint): Wie schnell reagiert die Seite auf Klicks oder Tippen? Ziel: unter 200 Millisekunden. Ersetzt seit März 2024 den alten FID-Wert.
- CLS (Cumulative Layout Shift): Springt das Layout beim Laden? Ziel: unter 0,1. Wenn Bilder nachladen und den Text verschieben, ist das schlecht – und frustrierend für den Nutzer.
Diese drei Werte kannst du in der Google Search Console für deine gesamte Website einsehen. Dort siehst du auch, welche Seiten Probleme haben.
Die größten Geschwindigkeitskiller
Bevor du optimierst, musst du wissen, was bremst. Die häufigsten Ursachen, die wir bei Website-Audits finden:
- Bilder ohne Komprimierung: Ein 5-MB-Foto, das auf 400 Pixel Breite angezeigt wird. Das sehen wir wöchentlich. WebP statt JPEG spart oft 60 bis 80 Prozent Dateigröße bei gleicher Qualität.
- Zu viele HTTP-Requests: 15 verschiedene JavaScript-Dateien, 8 CSS-Dateien, 12 externe Schriften. Jede einzelne Datei braucht eine Serveranfrage.
- Kein Browser-Caching: Ohne Caching lädt jeder Seitenaufruf alle Dateien komplett neu – auch wenn der Besucher vor 5 Minuten schon da war.
- Billiges Shared Hosting: Hosting für 3 Euro im Monat teilt sich einen Server mit hunderten anderen Websites. Wenn eine davon Traffic-Spitzen hat, wird deine Seite langsamer.
- Render-blockierende Ressourcen: JavaScript, das im Header geladen wird und das Rendern der Seite aufhält, bis es vollständig geladen ist.
- Externe Einbindungen: Google Fonts über Google-Server, YouTube-Embeds ohne Lazy Loading, Chat-Widgets, Social-Media-Plugins – alles Bremsen.
Quick Wins: Sofort umsetzbar
Fang hier an. Diese Maßnahmen bringen am meisten Verbesserung mit dem geringsten Aufwand:
- Bilder in WebP konvertieren: Tools wie Squoosh oder ShortPixel machen das automatisch. Spart oft 60 bis 80 Prozent Dateigröße.
- Bilder richtig dimensionieren: Ein Bild, das 1920 Pixel breit ist, aber nur in 600 Pixel dargestellt wird, verschwendet Bandbreite. Nutze das srcset-Attribut für responsive Bilder.
- Browser-Caching aktivieren: Ein paar Zeilen in der .htaccess-Datei oder Serverkonfiguration. Wiederkehrende Besucher laden die Seite deutlich schneller.
- CSS und JavaScript minifizieren: Leerzeichen, Kommentare und Zeilenumbrüche entfernen. Tools wie Autoptimize (WordPress) machen das automatisch.
- Lazy Loading für Bilder: Bilder unterhalb des sichtbaren Bereichs erst laden, wenn der Nutzer dorthin scrollt. In HTML reicht das Attribut loading="lazy".
- Google Fonts lokal hosten: Statt über Google-Server laden, die Schriftdateien auf deinem eigenen Server ablegen. Spart eine externe Verbindung – und ist DSGVO-konform.
Aus der Praxis: Ein Kunde kam mit einer Website, die 11 Sekunden geladen hat. Nach einem Nachmittag Optimierung – Bilder komprimiert, Caching aktiviert, zwei überflüssige Plugins entfernt – waren es 2,3 Sekunden. Die Anfragen über die Website haben sich im Folgemonat verdoppelt. Keine neue Werbung, kein Redesign. Nur Geschwindigkeit.
Für Fortgeschrittene: CDN, SSR und mehr
Wenn die Basics stehen, gibt es weitere Hebel:
- CDN (Content Delivery Network): Dienste wie Cloudflare oder BunnyCDN verteilen deine Inhalte auf Server weltweit. Ein Besucher aus München bekommt die Daten vom nächsten Server in Frankfurt, nicht aus einem Rechenzentrum in den USA. Viele CDNs haben kostenlose Tarife.
- Server-Side Rendering (SSR): Bei JavaScript-lastigen Seiten (React, Vue, Next.js) wird die Seite auf dem Server vorgerendert statt im Browser des Nutzers. Das beschleunigt den ersten Seitenaufbau erheblich.
- HTTP/2 oder HTTP/3: Moderne Protokolle, die paralleles Laden ermöglichen. Die meisten guten Hoster unterstützen das bereits.
- Critical CSS: Das CSS für den sichtbaren Bereich wird direkt inline im HTML geladen. Der Rest wird nachgeladen. So steht der sichtbare Bereich sofort.
- Preloading und Preconnect: Dem Browser vorab mitteilen, welche Ressourcen er als Nächstes braucht. Spart wertvolle Millisekunden.
Wie du deine Ladezeit richtig misst
Die besten Tools für eine ehrliche Messung:
- Google PageSpeed Insights: Misst sowohl Feld-Daten (echte Nutzer) als auch Lab-Daten (Simulation). Die Feld-Daten sind aussagekräftiger.
- GTmetrix: Zeigt detailliert, welche Dateien wie lange laden. Gut für die Fehlersuche.
- WebPageTest: Erlaubt Tests von verschiedenen Standorten und mit verschiedenen Verbindungsgeschwindigkeiten.
- Google Search Console: Zeigt die Core Web Vitals für deine gesamte Website auf Basis echter Nutzerdaten.
Wichtig: Die Scores sind Richtwerte, keine Schulnoten. Eine Seite mit Score 85 und 2 Sekunden realer Ladezeit ist besser als eine mit Score 95 und 3 Sekunden. Konzentriere dich auf die tatsächlichen Ladezeiten, nicht auf grüne Zahlen.
Hosting: Die unterschätzte Stellschraube
Dein Hosting ist das Fundament. Ein langsamer Server macht jede Optimierung zunichte. Was du beachten solltest:
- Shared Hosting (3–10 Euro/Monat): Für kleine Projekte ohne viel Traffic okay. Aber: Du teilst Ressourcen mit anderen Websites.
- Managed WordPress Hosting (15–50 Euro/Monat): Anbieter wie Raidboxes oder All-Inkl optimieren speziell für WordPress. Deutlich schneller als Standard-Shared-Hosting.
- VPS oder Dedicated Server (30–100+ Euro/Monat): Eigene Ressourcen, volle Kontrolle. Für geschäftskritische Websites und Shops.
Serverstandort spielt auch eine Rolle: Wenn deine Kunden in Deutschland sind, sollte dein Server in Deutschland stehen. Nicht in den USA.
Häufige Fragen
Wie schnell sollte meine Website laden?
Unter 3 Sekunden ist das Minimum. Unter 2 Sekunden ist gut. Unter 1 Sekunde ist hervorragend. Die meisten Nutzer erwarten, dass eine Seite in maximal 2 bis 3 Sekunden vollständig sichtbar ist.
Bringt Ladezeitoptimierung wirklich mehr Kunden?
Ja, messbar. Jede Sekunde weniger Ladezeit kann die Conversion Rate um 5 bis 7 Prozent steigern. Bei 1.000 Besuchern im Monat und einer Verbesserung von 5 auf 3 Sekunden können das 10 bis 15 zusätzliche Anfragen pro Monat sein.
Was kostet Ladezeitoptimierung?
Die Basics – Bilder komprimieren, Caching einrichten, Fonts lokal laden – kannst du selbst machen oder für 200 bis 500 Euro erledigen lassen. Tiefergehende Optimierung mit CDN-Setup und Code-Refactoring liegt bei 500 bis 2.000 Euro.
Ist mein Hosting schuld an der langsamen Ladezeit?
Teilweise oft ja. Ein einfacher Test: Prüfe die TTFB (Time to First Byte) in GTmetrix. Liegt sie über 600 Millisekunden, bremst wahrscheinlich dein Server. Dann hilft ein Hosting-Wechsel mehr als jede andere Optimierung.
Hilft ein CDN auch für lokale Unternehmen?
Weniger als für internationale Websites, aber trotzdem: Cloudflare bietet neben dem CDN auch DDoS-Schutz, automatische Bildoptimierung und Caching. Die kostenlose Version lohnt sich fast immer.
Das Wichtigste auf einen Blick
- Jede Sekunde Ladezeit kostet dich messbar Kunden und Umsatz
- Core Web Vitals (LCP, INP, CLS) sind offizielle Google-Rankingfaktoren
- Die größten Bremsen sind unkomprimierte Bilder, fehlendes Caching und schlechtes Hosting
- Quick Wins wie WebP-Bilder und Lazy Loading kannst du in Stunden umsetzen
- Miss echte Ladezeiten, nicht nur PageSpeed-Scores
- Hosting ist das Fundament – ohne guten Server hilft keine Optimierung
Merksätze
Geschwindigkeit ist unsichtbar, wenn sie da ist – und schmerzhaft, wenn sie fehlt.
Die schnellste Datei ist die, die gar nicht geladen werden muss.
Deine Website ist langsam und du weißt nicht, wo du anfangen sollst? Wir machen einen kostenlosen Speed-Check für dich – mit konkreten Empfehlungen, die du sofort umsetzen kannst.
