Statt jeden mit dem vollen Bundle zu bremsen, liefert der Shop bei langsamem Netz eine leichtere Variante – gesteuert per Save-Data-Header und effectiveType.
Rechenintensives JavaScript in einen Web Worker auslagern hält den Main-Thread frei, senkt die Total Blocking Time und bringt INP unter die 200-ms-Schwelle.
Native, GPU-beschleunigte Seitenwechsel im Shop ohne JavaScript-Framework: Wie Cross-Document View Transitions den Sprung von Kategorie zu Produkt glätten.
Ein Performance-Budget als budget.json-Regel prüft in Lighthouse CI jeden Pull Request und stoppt den Build, sobald LCP, INP oder CLS die Schwelle reißen.
Lange JavaScript-Tasks über 50 ms mit scheduler.yield() in Häppchen zerlegen, den Hauptthread zwischen den Chunks freigeben und den INP unter 200 ms halten.
Die Long-Animation-Frames-API zeigt seit Chrome 123 genau, welches Skript eine langsame INP-Interaktion verursacht – so optimieren Sie gezielt statt blind.
Jede Weiterleitung kostet einen Roundtrip vor dem ersten Byte. So spüren Sie HTTP-, www- und Slug-Ketten auf und reduzieren sie auf einen einzigen Hop.
Wie ein Service Worker mit Precaching kritische Dateien lokal vorhält, wiederkehrende Besuche fast ohne Server-Roundtrip lädt und wann sich der Aufwand lohnt.
Den Largest Contentful Paint nicht blind optimieren: TTFB, Ladeverzögerung, Ladezeit und Renderverzögerung einzeln messen und den größten Hebel gezielt angehen.