← Zurück zum Blog
Performance
Warum deine Website in unter 3 Sekunden laden muss – und wie das geht
📅 12. Mai 2026
⏱ 7 min Lesezeit
✍ Brilant Miftari
Du hast in Design, Content und SEO investiert – aber wenn deine Website zu langsam lädt, war alles umsonst. Ladezeit ist kein technisches Detail, es ist eine Business-Kennzahl. Dieser Artikel zeigt, warum Geschwindigkeit über Erfolg oder Misserfolg deiner Website entscheidet – und wie du sie konkret verbesserst.
Die Zahlen, die du kennen musst
53 %der Nutzer verlassen eine Website, die länger als 3 Sekunden lädt
1 sVerzögerung = 7 % weniger Conversions (Amazon-Studie)
100 msschnellere Ladezeit = 1 % mehr Umsatz bei großen E-Commerce-Shops
Diese Zahlen kommen nicht aus theoretischen Studien – sie sind das Ergebnis von A/B-Tests der größten Online-Unternehmen der Welt. Und sie gelten genauso für eine lokale Restaurant-Website wie für einen globalen Online-Shop. Langsam = weniger Anfragen = weniger Umsatz.
Wie Google Ladezeit bewertet
Seit 2021 sind die Core Web Vitals offiziell ein Google-Ranking-Faktor. Die drei entscheidenden Metriken:
- LCP (Largest Contentful Paint): Wann erscheint das größte sichtbare Element? Ziel: unter 2,5 Sekunden
- INP (Interaction to Next Paint): Wie schnell reagiert die Seite auf Klicks? Ziel: unter 200 ms
- CLS (Cumulative Layout Shift): Springen Elemente beim Laden? Ziel: unter 0,1
Eine schlechte Ladezeit schadet also doppelt: Du verlierst Besucher und du rankst schlechter in Google. Messe deine Website kostenlos mit PageSpeed Insights (pagespeed.web.dev).
Die häufigsten Ursachen für langsame Websites
| Ursache | Typische Auswirkung | Häufigkeit |
|---|
| Nicht optimierte Bilder (zu groß) | +2–5 Sekunden | Sehr häufig |
| Zu viele JavaScript-Dateien | +1–3 Sekunden | Häufig |
| Billiges Shared Hosting | +0,5–2 Sekunden | Häufig |
| Kein Browser-Caching | +0,5–1 Sekunde (Wiederholung) | Häufig |
| Google Fonts ohne Optimierung | +0,3–0,8 Sekunden | Sehr häufig |
| WordPress mit zu vielen Plugins | +1–4 Sekunden | Sehr häufig |
7 Maßnahmen für schnellere Ladezeiten
1
Bilder konvertieren und komprimieren Hohe Wirkung
Bilder im WebP-Format statt JPEG/PNG sind bis zu 30 % kleiner bei gleicher Qualität. Außerdem: Nie Bilder größer als nötig ausliefern. Auf einer 400px-Spalte reicht ein 800px-Bild (für Retina) – kein 4000px-Original. Tools: Squoosh.app (kostenlos), ImageOptim, oder automatisch via Cloudflare Images.
2
Lazy Loading aktivieren Hohe Wirkung
Bilder unterhalb des sichtbaren Bereichs werden erst geladen, wenn der Nutzer dorthin scrollt. HTML-Attribut: loading="lazy" auf alle <img>-Tags unterhalb des Folds. Eine Maßnahme, die in 5 Minuten umgesetzt ist.
3
JavaScript defer/async Hohe Wirkung
JavaScript-Dateien, die im <head> ohne defer/async geladen werden, blockieren das Rendering der Seite komplett. Lösung: <script defer src="..."> – die Seite wird angezeigt, während das Script im Hintergrund lädt. Für externe Scripts (Analytics, Chat-Widgets) immer defer verwenden.
4
Hosting upgraden Hohe Wirkung
Shared Hosting (5–10 €/Monat) teilt Serverressourcen mit hunderten anderen Websites. Wenn ein Nachbar-Site viral geht, leidet deine. Ein VPS oder Cloud-Hosting (15–50 €/Monat) liefert konsistente Ladezeiten. Mit nginx als Webserver statt Apache ist nochmals ein deutlicher Geschwindigkeitsgewinn möglich.
5
Cloudflare CDN aktivieren Mittlere Wirkung
Ein CDN (Content Delivery Network) liefert deine statischen Dateien vom nächstgelegenen Server weltweit. Cloudflare bietet eine kostenlose Version, die außerdem DDoS-Schutz, SSL und Browser-Caching mitliefert. Einrichtung: ca. 30 Minuten, keine technischen Kenntnisse nötig.
6
Google Fonts optimieren Mittlere Wirkung
Standardmäßig laden Google Fonts beim ersten Aufruf von fonts.googleapis.com – das kostet Zeit. Besser: Fonts lokal hosten (font-display: swap; im CSS) oder den <link>-Tag mit preconnect vorladen: <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
7
HTTP/2 und Gzip-Komprimierung Mittlere Wirkung
HTTP/2 überträgt mehrere Anfragen gleichzeitig statt nacheinander. Gzip komprimiert HTML/CSS/JS-Dateien vor der Übertragung um 60–80 %. Beides ist eine Servereinstellung – in modernen Setups meist schon aktiv, aber prüfenswert. Test: tools.pingdom.com
Schnelltest: Öffne pagespeed.web.dev und gib deine URL ein. Du bekommst sofort eine Bewertung von 0–100 und konkrete Verbesserungsvorschläge. Ziel: Mobile-Score über 80, Desktop über 90.
Vorher / Nachher: Typische Verbesserungen
| Maßnahme | Vorher | Nachher |
|---|
| Bilder zu WebP + komprimiert | 6,2 s LCP | 2,4 s LCP |
| JavaScript defer | 4,8 s LCP | 2,1 s LCP |
| Hosting (Shared → VPS) | TTFB 800 ms | TTFB 120 ms |
| Alle Maßnahmen kombiniert | PageSpeed 31/100 | PageSpeed 94/100 |
Website Performance-Audit
Wir analysieren, warum deine Website langsam ist – und setzen alle Optimierungen konkret um. Messbare Ergebnisse innerhalb einer Woche.
Performance-Check anfragen
Passend dazu: Website erstellen lassen Frankfurt und SEO Agentur Frankfurt.
You’ve invested in design, content and SEO – but if your website loads too slowly, it was all in vain. Loading time is not a technical detail, it’s a business metric. This article explains why speed determines the success or failure of your website – and how you can concretely improve it.
The Numbers You Need to Know
53 %of users leave a website that takes longer than 3 seconds to load
1 sdelay = 7% fewer conversions (Amazon study)
100 msfaster loading = 1% more revenue for large e-commerce shops
These figures don’t come from theoretical studies – they are the result of A/B tests by the world’s largest online companies. And they apply equally to a local restaurant website as to a global online shop. Slow = fewer enquiries = less revenue.
How Google Evaluates Loading Time
Since 2021, Core Web Vitals have officially been a Google ranking factor. The three decisive metrics:
- LCP (Largest Contentful Paint): When does the largest visible element appear? Goal: under 2.5 seconds
- INP (Interaction to Next Paint): How quickly does the page respond to clicks? Goal: under 200 ms
- CLS (Cumulative Layout Shift): Do elements jump around during loading? Goal: under 0.1
A poor loading time therefore hurts twice: you lose visitors and you rank worse in Google. Measure your website for free with PageSpeed Insights (pagespeed.web.dev).
The Most Common Causes of Slow Websites
| Cause | Typical impact | Frequency |
|---|
| Unoptimised images (too large) | +2–5 seconds | Very common |
| Too many JavaScript files | +1–3 seconds | Common |
| Cheap shared hosting | +0.5–2 seconds | Common |
| No browser caching | +0.5–1 second (repeat visits) | Common |
| Google Fonts without optimisation | +0.3–0.8 seconds | Very common |
| WordPress with too many plugins | +1–4 seconds | Very common |
7 Measures for Faster Loading Times
1
Convert and compress images High impact
Images in WebP format instead of JPEG/PNG are up to 30% smaller at the same quality. Also: never deliver images larger than necessary. On a 400px column, an 800px image suffices (for retina) – no 4,000px original. Tools: Squoosh.app (free), ImageOptim, or automatically via Cloudflare Images.
2
Enable lazy loading High impact
Images below the visible area are only loaded when the user scrolls there. HTML attribute: loading="lazy" on all <img> tags below the fold. A measure that can be implemented in 5 minutes.
3
JavaScript defer/async High impact
JavaScript files loaded in the <head> without defer/async completely block page rendering. Solution: <script defer src="..."> – the page is displayed while the script loads in the background. Always use defer for external scripts (analytics, chat widgets).
4
Upgrade hosting High impact
Shared hosting (€5–10/month) shares server resources with hundreds of other websites. If a neighbour site goes viral, yours suffers. A VPS or cloud hosting (€15–50/month) delivers consistent loading times. Using nginx as a web server instead of Apache offers a further significant speed gain.
5
Activate Cloudflare CDN Medium impact
A CDN (Content Delivery Network) delivers your static files from the nearest server worldwide. Cloudflare offers a free version that also includes DDoS protection, SSL and browser caching. Setup: approximately 30 minutes, no technical knowledge required.
6
Optimise Google Fonts Medium impact
By default, Google Fonts load on first call from fonts.googleapis.com – this costs time. Better: host fonts locally (font-display: swap; in CSS) or preload the <link> tag with preconnect: <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
7
HTTP/2 and Gzip compression Medium impact
HTTP/2 transfers multiple requests simultaneously instead of sequentially. Gzip compresses HTML/CSS/JS files before transfer by 60–80%. Both are server settings – already active in modern setups, but worth checking. Test: tools.pingdom.com
Quick test: Open pagespeed.web.dev and enter your URL. You immediately get a score from 0–100 and concrete improvement suggestions. Goal: mobile score above 80, desktop above 90.
Before / After: Typical Improvements
| Measure | Before | After |
|---|
| Images to WebP + compressed | 6.2 s LCP | 2.4 s LCP |
| JavaScript defer | 4.8 s LCP | 2.1 s LCP |
| Hosting (Shared → VPS) | TTFB 800 ms | TTFB 120 ms |
| All measures combined | PageSpeed 31/100 | PageSpeed 94/100 |
Website Performance Audit
We analyse why your website is slow – and implement all optimisations concretely. Measurable results within one week.
Request Performance Check