Du hast eine schöne Website: gute Texte, ansprechendes Design, klare Navigation. Aber die Anfragen bleiben hinter den Erwartungen zurück. Eine Ursache, die oft übersehen wird: Die Seite lädt zu langsam – vor allem auf dem Smartphone. Das klingt banal, ist aber einer der am besten untersuchten Zusammenhänge im Online-Marketing.
Die Zahlen: was Studien zeigen – und was nicht
- Google (2016): In der Studie „The Need for Mobile Speed“ auf Basis von über 10.000 mobilen Websites wurden 53 % der mobilen Besuche abgebrochen, wenn eine Seite länger als drei Sekunden lud. Die Zahl ist alt und stammt aus der 3G-Zeit, die Richtung gilt aber bis heute: Wer warten muss, geht.
- Deloitte (2020): Die Studie „Milliseconds Make Millions“, im Auftrag von Google mit Daten von 37 Marken-Websites erstellt, fand: Wurde die mobile Seite um 0,1 Sekunden schneller, stiegen die Conversions im Einzelhandel im Schnitt um 8,4 %, bei Reiseanbietern um 10,1 %.
- Google-Ranking: Die Core Web Vitals fließen in die Bewertung der Seitenerfahrung ein, die Googles Ranking-Systeme berücksichtigen. Relevanz und Qualität des Inhalts wiegen schwerer – aber wenn mehrere Seiten ähnlich hilfreich sind, kann eine gute Nutzererfahrung den Unterschied machen.
Wichtig für die Einordnung: Das sind Durchschnittswerte, überwiegend von großen Marken. Wie stark sich Tempo bei dir auswirkt, hängt von deiner Branche, deiner Zielgruppe und deiner Ausgangslage ab. Eine Garantie gibt es nicht. Klar ist aber: Eine langsame Seite schadet doppelt. Besucher springen ab, bevor sie dein Angebot überhaupt gesehen haben, und in der Suche hat es die Seite schwerer.
Was ist eigentlich „schnell“?
Google misst die Nutzererfahrung beim Laden über die Core Web Vitals – drei Kennzahlen mit festen Grenzwerten. Bewertet wird jeweils das 75. Perzentil: Mindestens drei von vier Seitenaufrufen müssen den Grenzwert schaffen.
| Metrik | Bedeutung | Gut | Verbesserungswürdig | Schlecht |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Wann ist der größte Inhalt sichtbar? | ≤ 2,5 s | 2,5–4 s | > 4 s |
| INP (Interaction to Next Paint) | Wie schnell reagiert die Seite auf Klicks und Eingaben? | ≤ 200 ms | 200–500 ms | > 500 ms |
| CLS (Cumulative Layout Shift) | Wie stark verspringt das Layout beim Laden? | ≤ 0,1 | 0,1–0,25 | > 0,25 |
So misst du deine Website kostenlos
- PageSpeed Insights von Google: zeigt oben die Felddaten echter Chrome-Nutzer, sofern deine Seite genug Besucher hat, und darunter einen Laborwert von 0 bis 100 mit konkreten Verbesserungsvorschlägen.
- Google Search Console: Der Bericht „Core Web Vitals“ zeigt, welche Seitengruppen die Grenzwerte verfehlen.
- GTmetrix: detaillierte Wasserfall-Analyse, welche Datei wie lange lädt.
- Chrome DevTools (F12): Im Netzwerk-Tab siehst du jede geladene Datei mit ihrer Größe, im Tab „Lighthouse“ kannst du selbst messen.
Für den Laborwert gilt Googles eigene Farbskala: 90–100 ist gut (grün), 50–89 verbesserungswürdig (orange), unter 50 schlecht (rot). Miss immer auch mobil und mehrmals, denn einzelne Messungen schwanken. Entscheidend sind am Ende die Felddaten, weil sie zeigen, was echte Besucher erleben.
Die häufigsten Ursachen für langsame Websites
Die Bremsen sind fast immer dieselben – und die meisten lassen sich ohne Relaunch lösen.
1. Zu große Bilder
Der Klassiker. Ein Foto direkt aus Kamera oder Smartphone hat schnell mehrere Megabyte. Auf der Website reichen für die meisten Bilder deutlich unter 200 KB, wenn sie in einem modernen Format wie WebP oder AVIF und in der tatsächlich angezeigten Größe ausgeliefert werden. Werkzeuge: Squoosh, TinyPNG oder die automatische Optimierung deines Systems, etwa die Bildkomponente von Next.js. Bilder weiter unten auf der Seite dürfen per Lazy Loading nachladen – das große Bild ganz oben dagegen nicht, sonst verschlechtert sich der LCP.
2. Zu viele externe Skripte
Jeder Tracker, jedes Chat-Widget, jede eingebettete Karte lädt zusätzliches JavaScript. Das kostet Bandbreite und Rechenzeit; auf älteren Smartphones leidet vor allem die Reaktionszeit (INP). Prüf regelmäßig, welche Skripte du wirklich brauchst. Manches lässt sich auch erst nach einem Klick laden, etwa eine Karte oder ein Video – und Tracking darf ohnehin erst nach Einwilligung starten.
3. Kein CDN (Content Delivery Network)
Innerhalb Deutschlands macht die Entfernung zum Server nur wenige Millisekunden aus. Ein CDN lohnt sich trotzdem: Es liefert Bilder, Skripte und Schriften von einem nahen Knotenpunkt aus, fängt Lastspitzen ab und hilft deutlich, wenn dein Server weit entfernt steht. Anbieter sind etwa Cloudflare (mit kostenlosem Einstieg), AWS CloudFront oder das Netzwerk deines Hosters. Bei Anbietern außerhalb der EU gehört der Datenschutz mit auf die Checkliste.
4. Veraltete Übertragungsprotokolle
HTTP/2 und HTTP/3 übertragen viele Dateien parallel und schneller als das alte HTTP/1.1. Fast alle aktuellen Hoster unterstützen mindestens HTTP/2. Ob deine Seite es nutzt, siehst du in den Chrome DevTools im Netzwerk-Tab in der Spalte „Protocol“ („h2“ oder „h3“).
5. Render-blockierende Ressourcen
Gemeint sind CSS- und JavaScript-Dateien, die vollständig geladen sein müssen, bevor der Browser überhaupt etwas anzeigt. Die Lösung: das für den ersten Bildschirm nötige CSS zuerst laden, den Rest später; JavaScript mit „defer“ oder „async“ einbinden; die Zahl der Schriftarten und Schriftschnitte begrenzen.
6. Langsamer Server
Günstiges Shared Hosting, fehlendes Caching oder ein WordPress mit Dutzenden Plugins sorgen dafür, dass schon die erste Antwort des Servers lange dauert. Diese Zeit heißt Time to First Byte (TTFB). Google nennt als grobe Orientierung höchstens 0,8 Sekunden. Liegt dein Wert deutlich darüber, bringen Caching, ein besserer Tarif oder ein Plugin-Aufräumen oft mehr als jede Bildoptimierung.
Unser Prozess bei Vagabov Agency
Performance ist bei unseren Website-Projekten Teil der Planung, kein nachträgliches Add-on. Bei Projekten auf Basis von Next.js gehört standardmäßig dazu:
- automatische Bildoptimierung über die Next.js-Bildkomponente, in modernen Formaten und passenden Größen,
- Lazy Loading für alles unterhalb des sichtbaren Bereichs,
- statische Generierung, wo immer es geht,
- Auslieferung über ein CDN,
- Messung mit Lighthouse und PageSpeed Insights vor dem Livegang und nach größeren Änderungen.
Technische Basis-SEO inklusive Ladezeit-Optimierung ist in jedem unserer Website-Pakete enthalten, nicht als Aufpreis obendrauf.
Was bedeutet das für dein Unternehmen?
Wie viele zusätzliche Anfragen eine schnellere Seite bringt, kann dir niemand seriös vorhersagen – wir auch nicht. Du kannst es aber selbst messen:
- Ausgangswert festhalten: Notier die Core Web Vitals deiner wichtigsten Seiten und deine Conversion Rate, also Anfragen, Buchungen oder Käufe pro 100 Besuche, über mindestens vier Wochen.
- Die größte Bremse lösen: Fang mit dem an, was PageSpeed Insights als größtes Einsparpotenzial ausweist – meist Bilder oder Skripte.
- Vergleichen: Schau dir einen gleich langen Zeitraum nach der Änderung an. Achte auf saisonale Effekte und darauf, dass deine Statistik ohne Einwilligung nicht alle Besuche erfasst.
- Weitermachen oder aufhören: Sind deine Werte im grünen Bereich, bringt jede weitere Millisekunde weniger. Dann lohnt sich die Arbeit an Inhalten und Angebot mehr.
Wie du deine Seite in wenigen Minuten mit der Konkurrenz vergleichst, zeigen wir im Beitrag zum Geschwindigkeitsvergleich mit der Konkurrenz. Die technischen Details stehen im Beitrag über technisches SEO und Core Web Vitals bei Next.js.
Fazit: Performance ist kein technisches Detail – es ist Business
Eine schnelle Website ist kein nettes Extra. Ladezeit gehört zu den Stellschrauben, die sich am direktesten auf Nutzererfahrung, Sichtbarkeit und Anfragen auswirken – und sie lässt sich messen, bevor und nachdem du investierst.
Wenn du wissen willst, wo deine Website bremst, bring deine PageSpeed-Werte einfach ins kostenlose Erstgespräch mit. Dann besprechen wir, welche Maßnahmen sich bei dir lohnen.
