Inline die Stylesheet, und Drop Polyfills nichts erreichen kann

Performancekamo-marketing
Verschifft
19. August 2026 um 18:09 UTC
Autor
Kamo
Ausschuss
fb06a4a

Zwei Leuchtturmfunde, die beide nach der letzten Runde offen blieben, weil Ich war zu dem Schluss gekommen, dass sie nicht adressierbar waren. Sie waren; ich hatte nicht hart geschaut genug. RENDER-BLOCKING REQUESTS (560 ms). Das Stylesheet war die einzige Sperranfrage links auf der Seite und der gesamten kritischen Anfrage Kette nach dem Dokument 244 ms für /en, dann 416 ms durch die Zeit 17,6 KB von CSS hatte es gefolgt. Die Frühere Schlussfolgerung war, dass die App Router bietet keine Möglichkeit, inline oder verschieben Sie es. Es tut: "experimental.inlineCsss", die die App Router eigenen Mechanismus ist und genau die Sache "OptimizeCss" nicht zu sein, dass eine Nachbearbeitung abgeschlossen HTML, das eine gestreamte Antwort nie reicht. Das Stylesheet ist jetzt ein <style" in <head" und es gibt keine Sperrung Anfrage an. Es kostet 37 KB gzip auf dem Eintragsdokument, und es lohnt sich, wenn, dass Angelegenheiten: jemand kommt kalt aus einem Suchergebnis, das ist der Fall gemessen. Client-Navigationen sind nicht betroffen - die RSC-Nuglast a <Link" trägt kein CSS, verifiziert bei 32 KB mit Null <style" drin. LEGACY JAVASCRIPT (13.5 KB). Nächste Importe von "Polyfill-Modul" bedingungslos von dessen Kundeneintrag: ************ Symbol.prototyp .Beschreibung, ************ Versprechen.prototyp. Object.fromEntries, Object.hasOwn, URL.canParse. Jeder Eingeborene seit 2021-22. Sie sind hier nicht nur unnötig, sie sind nicht erreichbar. Diese Seite wird gebaut mit Tailwind v4, das kompiliert zu "@property", "color-mix() " und Kaskade Ebenen; sein Boden ist Chrom 111 / Safari 16.4 / Firefox 128, alle *später* als jede Funktion in dieser Liste. Ein Browser, der alt genug ist, um die Datei zu benötigen, kann nicht mehr die Seite, die die Datei zu machen hilft. "Browserslist" entfernt es nicht - gemessen, und das enthaltene Stück gebaut byte-identisch mit dem gleichen Hash, weshalb dieser Versuch wurde eher zurückgedreht als als Dekoration gelassen. Auch nicht der paketrelative Spezifik: Next importiert es als ************ ************ also muss der Alias zur relativen Form passen. Alle 74 emittierten Brocken wurden danach erneut als gültig JS überprüft. Wenn Next das Modul bewegt, stoppt der Alias und die Polyfills kommen zurück der Ausfallmodus ist der Status quo und nicht ein gebrochener Build.

Alle Änderungen

Wie, was Sie sehen Versand?

Jedes dieser Updates landet automatisch in Ihrem Arbeitsbereich. Starten Sie frei und beobachten Sie es Woche für Woche wachsen.

Free Forever startenPreisgestaltung anzeigen