Ladezeit optimieren: Jede Sekunde kostet dich Kunden

53 Prozent der Besuche auf mobilen Websites werden abgebrochen, wenn die Seite länger als 3 Sekunden lädt. Das ist keine Marketing-Weisheit, sondern eine Auswertung von Google-Analytics-Daten durch Google (DoubleClick by Google, The Need for Mobile Speed, 2016). Und trotzdem sehen wir immer wieder 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.

Für große Onlineshops wie für kleine Websites gilt dasselbe Prinzip: Geschwindigkeit ist Geld. Und seit 2021 fließen die sogenannten Core Web Vitals offiziell in Googles Ranking ein.

Eine Auswertung von Portent zeigt: B2B-Websites, die in 1 Sekunde laden, haben eine dreimal so hohe Conversion Rate wie solche mit 5 Sekunden Ladezeit. Bei Onlineshops ist sie 2,5-mal so hoch (Portent, 2022).

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 immer wieder. WebP statt JPEG spart bei gleicher Bildqualität etwa 25 bis 34 Prozent Dateigröße (Google WebP-Studie).
• 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 und sparen spürbar 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 die IP-Adressen deiner Besucher gehen nicht an Google.

Ein Beispiel: Angenommen, deine Website lädt 11 Sekunden. Oft macht schon ein Nachmittag Optimierung sie deutlich schneller: Bilder komprimieren, Caching aktivieren, überflüssige Plugins entfernen. Vergleiche danach die Anfragen im Folgemonat mit dem Monat davor, ohne gleichzeitig Werbung oder Design zu ändern.

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 bis 10 Euro/Monat): Für kleine Projekte ohne viel Traffic okay. Aber: Du teilst Ressourcen mit anderen Websites.
• Managed WordPress Hosting (15 bis 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 bis über 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.

Deine Website ist langsam und du weißt nicht, wo du anfangen sollst? Wir machen einen Speed-Check für dich und geben dir konkrete Empfehlungen, die du direkt umsetzen kannst.