Inline stylesheet, and drop polyfills nothing can reach

Performancekamo-marketing
Dikirim
19 Agustus 2026 pukul 18.09 UTC
Penulis
Kamo
Commit
fb06a4a

Dua temuan Lighthouse, keduanya tetap terbuka setelah ronde terakhir karena Aku menyimpulkan mereka tidak sesuai. Mereka, saya tidak melihat keras cukup. RENDER- BLOCKING REQUESTS (560 M). Stylesheet adalah satu-satunya permintaan memblokir kiri pada halaman dan seluruh rantai permintaan kritis setelah dokumen - 244 ms untuk / en, kemudian 416 ms pada saat 17,6 KB dari CSS mengikutinya. The Kesimpulan sebelumnya adalah bahwa App Router tidak menawarkan cara untuk inline atau menunda itu. Itu berarti: 'experiental.inlineCss', yang merupakan mekanisme App Router sendiri dan persis hal 'optimizeCss' gagal - bahwa salah satu proses post- selesai HTML, respon yang streaming tidak pernah menyerahkannya. Stylesheet sekarang adalah < style > dalam < head > dan tidak ada permintaan blocking sama sekali. Harganya ~ 37 KB gzip pada dokumen entri, dan itu layak dalam kasus bahwa penting: seseorang tiba dingin dari hasil pencarian, yang terjadi diukur. Navigasi klien tidak terpengaruh - muatan RSC sebuah prefetches < Link > tidak membawa CSS, diverifikasi pada 32 KB dengan nol < gaya > di dalamnya. LEGACT JAVASCRIPT (13,5 KB). Impor berikutnya 'polyfillll-module' tak terkondisi dari entri klien: * * * * * * * * * * * * * * * Symbol.prototype .description, * * * * * * * * * * * * * * * * * Berjanji. Prototip. Object.from Entries, Object.hasown, URL.can Parse. Setiap penduduk asli sejak 2021- 22. Mereka tidak hanya tidak perlu di sini, mereka tidak bisa dihubungi. Situs ini dibangun dengan Tailwind v4, yang dikompilasi ke '@ property', 'color-mix ()' dan cascade lapisan; lantainya adalah Chrome 111 / Safari 16.4 / Firefox 128, semua * kemudian * daripada setiap fitur dalam daftar itu. Peramban yang cukup tua untuk memerlukan berkas tidak dapat mengubah halaman berkas membantu untuk render. 'browserslist' tidak menghapusnya - diukur, dan berisi potongan dibangun byte- identik dengan hash yang sama, itulah sebabnya upaya yang dikembalikan agak daripada ditinggalkan sebagai dekorasi. Juga tidak aliasing paket - relatif spesifikasi: Impor berikutnya itu sebagai * * * * * * * * * * * * * * * * * * * dari * * * * * * * * * * * * * * * sehingga alias harus cocok bentuk relatif. Seluruh 74 potongan yang dipancarkan diperiksa sebagai JS yang sah sesudahnya. Jika Selanjutnya memindahkan modul alias berhenti pencocokan dan polifills kembali - Modus kegagalan adalah status quo daripada bangunan rusak.

Semua perubahan

Seperti apa yang Anda lihat pengiriman?

Semua pembaruan ini secara otomatis mendarat di ruang kerja Anda. Mulai bebas dan menontonnya tumbuh minggu demi minggu.

Mulai Bebas SelamanyaTampilkan Harga