AG Grid'in 187 KB'sini her rotanın kritik yolunu alın

Performancekamo-internal
Shipped
26 Ağustos 2026 02:11 UTC
Author
kamo
Commit
65eed6d

Müşteri odaklı performans denetiminin 4'ü ve büyüklerin sonuncusu. App/globals.css, ag-grid'in tarzı tablolarının iki @imports ile açıldı ve kök düzeni Küresel ithalatlar.css - bu kadar 187 KB ağ CSS, tüm 143 rota ve tüm güzergahların <head>'inde oturdu. Bunlardan her birinde ilk boyayı engelledi, /validate ve /logout da dahil. Stylesheets Bu uygulamadaki tek kaynak gerçekten block, bunu yapan, Denetimteki en büyük FCP öğesi ve tam olarak PageSpeed'in “Elminateateate” altında rapor ettiği şey Kaynaklarını engeller.” Sınıfın girişi CSS 334 KB'den 147 KB'ye düşer. İthalat, **************** geri dönüş yapan bir sarmalayıcıya taşınır AgGridReact, ve şimdi ag-grid-react ithal eden 34 modül Bu. 34 dağınık stilin ithalatını yerine bir sarmalayıcı, çünkü 35. ızgaradır Bu gemi silahsızlanacaktı - bir özellikte bir CSS boğa gibi görünen bir başarısızlık dokundu. scripts/check-aggrid-import.mjs bunu uygular ve npm testinde çalışır. CASCADE, iddia etmek yerine kanıtlayan kısımdır. Globals.css Şimdi BEFORE ag-grid yerine yükler, bu yüzden her eşit özellik arasındaki bağlar ag-grid ve Tailwind'in ön ışığı döndü: Onları kazanmak için kullanılan ön ışık, ag-grid şimdi yapıyor. Gözden ziyade cs-tree ile denetimli olarak: [gizli] (0,2,0) ve hala tüm 167 ag-grid "display' kuralları (0,1,0), Bu yüzden gizli bir şey görünür. Preflight's [role="button”) onlara verir - bu bağlar hiçbir şey değildir. Özelleştirilmiş coders (ew-resize, kap, hareket, hücre) yeniden boyut ve sürüklenme işleri üzerinde oturur Ne [role="button”) ne de: - Bu dosyanın tüm 20'si kendi .ag-theme-alpine overrides tamamen !important veya (0,3,0)+, bu yüzden her şekilde sipariş edilirler. - ag-grid'in beş çıplak element kuralı <ag-grid-angular> ve arkadaşlar, element isimleri Bu uygulama asla değişmez, artı bir vücut özel mülk preflight ayarlanmaz. Gerçek bir dönüş: ag-grid gemileri “[klasik ^=ag-] { line: hiçbiri “ ve ön ışık gemileri ":-moz-focusring { draft: auto }", her iki (0,1,0), bu yüzden Firefox kullanıcıları kaybetti klavye her ağ içinde halka odaklanır. Globals.css, açıkça (0,2,0) olduğunu varsayıyor Bu yüzden hem siparişe bakılmaksızın hem de hesaplanan değer tam olarak ne olduğu. Ayrıca bu partide: Halk / “Cache-Control: halk, max-age=0” ile servis edilir, bu yüzden tüm 24 MB ikonları, ringtones, logolar ve pdf işçi her zor yük üzerinde geri alındı. Şimdi bir saat stale- while-revalidate - kasıtlı olarak "immutable" ve bir yıl değil, Çünkü halkın altında hiçbir şey / aradaki / sonraki / estatik, bu yüzden bir dosya Bir dağıtma tarafından değiştirilmesi URL'sini tutar ve “immutable” eskileri hiçbir şekilde pinmeyecektir En sonunda onu gömmek. Başlatpad. Bu üç çağrı sitesi bir boyuta hizmet eden bir sonraki / görüntü üzerinden geçiyor Birkaç KB. Master dosyası yalnız bırakılır: CopilotHero aynı varlık 148'de verir CSS px ve buna ihtiyaç duyar. Doğrulanmış: hedefli tsc - hem bir sonraki / görüntü arama siteleri hem de siteleri temizlemiyor Yeniden yazılmış ızgara modüllerin geçişli ithalatlarıyla bir örneği; tüm 9 muhafız Yeni biri dahil olmak üzere senaryolar geçer, ki bu doğrudan dikilmiş bir doğrudan doğrulandı Telsiz olmadan önce ithal edin.

All changes

Kargoyu gördüğünüz gibi?

İş alanınızda bu güncellemelerden her biri otomatik olarak. Ücretsiz başlayın ve haftadan sonra büyümesini izleyin.

Sonsuza Kadar Ücretsiz BaşlangıçFırsatları Görüntüle