Lange Tasks aufteilen: INP mit scheduler.yield senken
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.
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.
Statuscode 103 nach RFC 8297: Wie der Server schon während der Denkzeit preconnect- und preload-Hinweise sendet, plus Umsetzung in nginx und ehrliche Grenzen.
Cookie-Banner verschieben LCP, INP und CLS: So messen Sie den Einfluss des Consent-Layers im Feld und holen ihn technisch sauber aus dem kritischen Pfad.
content-visibility und CSS-Containment begrenzen die Rendering-Arbeit langer Seiten auf den sichtbaren Bereich - mit Platzhalterhöhen ohne neue Layout-Sprünge.
Compression Dictionary Transport nach RFC 9842: Wie Browser und Server Bundles als Delta gegen die Vorgängerversion ausliefern - Muster, Konfiguration, Fallback.