Wissen · Core Web Vitals 2026
Alles zu Web-Performance
12 Ratgeber zu den wichtigsten Performance-Themen: von Core Web Vitals bis Lighthouse-Score.
Grundlagen
1 ArtikelWeb-Vitals-Metriken
4 ArtikelLargest Contentful Paint: was misst LCP wirklich?
Welches Element ist eigentlich der LCP-Kandidat, warum Hero-Bilder fast immer der Engpass sind und wie man Preload + fetchpriority kombiniert.
Interaction to Next Paint: die neue Antwort-Metrik
Warum INP härter ist als FID, was das 98. Perzentil der Interaktionen bedeutet und wo lange Tasks im Hauptthread typischerweise herkommen.
Cumulative Layout Shift: wenn die Seite springt
Wie der CLS-Score berechnet wird (impact fraction × distance fraction), und welche Hebel den Wert sofort senken.
Time to First Byte: der Engpass vor allen anderen Metriken
Wie sich TTFB zusammensetzt (DNS + Connect + TLS + Server-Verarbeitung), und warum CDN, HTTP/2 und Edge-Caching die größten Hebel sind.
Optimierung
5 ArtikelBilder fürs Web optimieren: AVIF schlägt WebP schlägt JPG
AVIF spart 30-50 % gegenüber WebP und 50-80 % gegenüber JPG. Wie das picture-Element für Fallbacks aufgebaut wird.
JS-Bundle-Größe reduzieren: die fünf größten Hebel
Warum lodash gegen ramda austauschen Quatsch ist, aber Moment.js gegen date-fns lohnt. Mit konkretem Bundle-Audit-Workflow.
Caching: Was wo wie lange gespeichert wird
Cache-Control max-age, immutable, stale-while-revalidate - was wann sinnvoll ist, und wie Cache-Busting via Hash-Filenames funktioniert.
Lazy-Loading: erst laden wenn nötig
Native browser-lazy-loading ist seit Chrome 76 stabil. IntersectionObserver für komplexe Fälle. Anti-Patterns vermeiden.
Mobile Performance: 4G-Throttling und Touch-Latenz
Warum Lighthouse Mobile mit 4× CPU-Slowdown rechnet, und welche realen Geräte als Baseline dienen sollten.
Tools & Hosting
2 ArtikelLighthouse-Score systematisch verbessern
Welche Maßnahmen pro Score-Punkt am meisten bringen, und warum man immer mobile-first auditieren sollte.
CDN-Auswahl: Cloudflare, Bunny, Fastly im Vergleich
CDN bringt vor allem bei internationalem Traffic und großen Static-Assets. Lokaler DE-Traffic profitiert weniger als oft behauptet.