Web-Performance lernen
Alles, was du über schnelle Websites wissen musst
Warum Performance wichtig ist
der mobilen Nutzer verlassen eine Seite, wenn sie über 3 Sekunden lädt
Steigerung der Conversions für jede Sekunde Verbesserung
Jede 100ms Verzögerung reduziert Conversion-Raten
Core Web Vitals erklärt
Largest Contentful Paint (LCP)
Lade-Performance
LCP misst, wie lange es dauert, bis der Hauptinhalt lädt. Guter LCP bedeutet, Nutzer sehen deinen Inhalt schnell und fühlen sich nicht wie beim Warten.
So verbesserst du:
- Bilder optimieren und komprimieren
- Ein CDN wie fast.site für schnellere Auslieferung nutzen
- Wichtige Ressourcen vorladen
Interaction to Next Paint (INP)
Interaktivität
INP misst, wie reaktionsfreudig deine Seite ist, wenn Nutzer mit ihr interagieren. Guter INP bedeutet, Buttons und Links reagieren sofort.
So verbesserst du:
- Lange JavaScript-Tasks aufbrechen
- Haupt-Thread-Arbeit minimieren
- Web Workers für schwere Verarbeitung nutzen
Cumulative Layout Shift (CLS)
Visuelle Stabilität
CLS misst, wie viel sich das Seitenlayout während des Ladens verschiebt. Guter CLS bedeutet, dass Dinge nicht unerwartet herumspringen.
So verbesserst du:
- Immer Größenattribute bei Bildern angeben
- Platz für Werbung und Einbettungen reservieren
- Vermeide, Inhalt über bestehendem Inhalt einzufügen
Externe Ressourcen
web.dev - Web Vitals
Googles offizieller Guide zu Core Web Vitals und Web-Performance Best Practices.
Google Web Performance
Umfassende Ressourcen von Google über Website-Geschwindigkeit und Optimierung.
Lighthouse Documentation
Lerne über das Testtool, das PageSpeed Insights antreibt.
Case Studies
Echte Beispiele von Unternehmen, die ihre Web-Performance verbessern.
Teste dein Wissen
Jetzt, wo du die Grundlagen verstehst, analysiere deine Seite und sieh, wie sie abschneidet.
Deine Seite analysieren