Web Performance lernen
Alles, was du wissen musst, um deine Website schneller zu machen
Warum Performance wichtig ist
der mobilen Nutzer verlassen Seiten, die länger als 3 Sekunden laden
weniger Konversionen pro zusätzlicher Sekunde Ladezeit
Verbesserung der Konversionsrate möglich mit 100ms schnellerer Ladezeit
Core Web Vitals erklärt
Largest Contentful Paint
Ladeleistung
LCP misst, wann das größte Inhaltselement im Viewport sichtbar wird. Dies ist typischerweise ein Hero-Bild, Video oder großer Textblock. Nutzer nehmen dies als den Moment wahr, in dem die Seite 'nützlich' wird.
So verbesserst du:
- Optimiere und komprimiere deine größten Bilder
- Nutze ein CDN, um Inhalte näher bei Nutzern zu servieren
- Lade kritische Ressourcen vorab
Interaction to Next Paint
Reaktionsfähigkeit
INP misst, wie schnell deine Seite auf Benutzerinteraktionen wie Klicks, Tippen und Tastatureingaben reagiert. Ein niedriges INP bedeutet, dass Nutzer die Seite als reaktionsfähig und interaktiv empfinden.
So verbesserst du:
- Teile lange JavaScript-Aufgaben auf
- Verschiebe nicht-kritisches JavaScript
- Optimiere Event-Handler
Cumulative Layout Shift
Visuelle Stabilität
CLS misst, wie stark sich sichtbare Inhalte unerwartet verschieben. Layoutverschiebungen können frustrierend sein, wenn Nutzer versehentlich auf das falsche Element klicken, weil sich etwas bewegt hat.
So verbesserst du:
- Gib immer Abmessungen für Bilder und Videos an
- Reserviere Platz für Werbung und Embeds
- Vermeide das Einfügen von Inhalten über bestehenden Inhalten
Externe Ressourcen
web.dev - Web Vitals
Offizielle Google-Dokumentation zu Core Web Vitals und deren Optimierung.
Google Web Performance
Googles umfassender Leitfaden zur Web-Performance-Optimierung.
Lighthouse Documentation
Lerne über Lighthouse, die Engine hinter PageSpeed Insights.
Case Studies
Praxisbeispiele von Unternehmen, die ihre Web-Performance verbessert haben.
Bereit, deine Website zu optimieren?
Beginne mit der Analyse deiner aktuellen Performance.
Deine Website analysieren