Ambil AG Grid 187 KB dari CSS dari jalur kritis setiap rute

Performancekamo-internal
Shipped
26 Agustus 2026 pukul 02.11 UTC
Author
kamo
Commit
65eed6d

Batch 4 dari sisi klien audit kinerja, dan yang terakhir dari yang besar. app / globals.css dibuka dengan dua @ imports dari stylesheets tua, dan tata letak akar impor globals.css - jadi 187 KB dari grid CSS duduk di < head > dari semua 143 rute dan diblokir cat pertama pada setiap satu dari mereka, termasuk / validate dan / log keluar. Stylesheets adalah satu-satunya sumber daya dalam aplikasi ini yang benar-benar terblok, yang membuat ini item FCP terbesar di audit dan tepat apa PageSpeed melaporkan di bawah "Hapus Menghalangi sumber daya ". Tata letak CSS menurun dari 334 KB menjadi 147 KB. Imports move to * * * * * * * * * * * * a wrapper that re-exports AgGridReact tidak berubah, dan semua 34 modul yang diimpor ag- grid- bereaksi sekarang pergi melalui itu. Sebuah pembungkus daripada 34 spresheet spresheet impor karena grid 35 adalah salah satu yang akan kapal unthemed - kegagalan yang terlihat seperti bug CSS dalam fitur tidak ada menyentuh. script / check-aggrid- import.mjs memaksa dan berjalan dalam tes npm. Kasus, yang merupakan bagian yang perlu membuktikan daripada menegaskan. globals.css sekarang dimuat sebelum- grid bukan setelah, jadi setiap equal-spesifik dasi antara Grid and Tailwind 's preflight flip: preflight digunakan untuk memenangkan mereka, ag- grid sekarang tidak. Audited melelahkan dengan css- pohon atas kedua stylesheets daripada dengan mata: - [Tersembunyi] adalah (0,2,0) dan masih outranks semua 167 meter 'tampilan' aturan di (0,1.0), sehingga tidak ada yang tersembunyi menjadi terlihat. preflight [peran = "tombol"] memberi mereka - mereka dasi no- ops. Spesialisasi coders (ew- resize, grab, move, cell) duduk pada resize dan seret menangani yang membawa bukan [role = "button"] atau: dimatikan. - Semua 20 dari file ini sendiri .ag- tema - alpine overrides baik sepenuhnya! penting atau (0,3,0) +, sehingga mereka perintah-independen baik cara. - ag- grid lima aturan elemen kosong adalah < ag-grid-angular > dan teman-teman, nama elemen aplikasi ini tidak pernah merender, plus sebuah badan properti custom preflight tidak diset. Satu flip asli: ag- grid kapal '[kelas ^ = ag-] {garis luar: tidak ada}' dan preflight kapal ': -moz-fokus {outline: auto}', baik (0,1.0), sehingga pengguna Firefox akan kehilangan Ring fokus papan tik di dalam setiap kisi. globals.css pin bahwa satu eksplisit di (0,2.0) sehingga mengalahkan keduanya terlepas dari urutan dan nilai yang dihitung persis apa itu. Juga dalam batch ini: publik / disajikan dengan 'Cache-Control: publik, max-age = 0', sehingga semua 24 MB ikon, nada dering, logo dan pekerja pdf yang direvisi pada setiap beban keras. Sekarang satu jam dengan stale-while-revalidate - sengaja bukan 'immutable' dan sengaja bukan setahun, karena tidak ada di bawah publik / adalah puas -hashed jalan / _ next / static adalah, jadi file diganti oleh sebuah rentending menyimpan URL dan 'immutable' akan pin bytes lama tanpa cara untuk menangkapnya. Launchpad. Ketiga situs panggilan melalui gambar berikutnya, yang melayani WebP berukuran beberapa KB. Berkas master dibiarkan sendiri: CopilotHero membuat aset yang sama di 148 CSS px dan membutuhkannya. Verifikasi: ditargetkan tsc --noEmit bersih atas pembungkus, baik berikutnya / gambar situs panggilan dan contoh dari modul kisi yang ditulis ulang dengan impor transitif mereka; semua 9 penjaga skrip lulus, termasuk yang baru, yang dikonfirmasi gagal pada langsung ditanam impor sebelum sedang kabel masuk.

All changes

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