Візьміть AG Grid's 187 KB of CSS від критичного шляху кожного маршруту

Performancekamo-internal
Shipped
26 серпня 2026 р. о 02:11 UTC
Author
kamo
Commit
65eed6d

Пакет 4 з аудиту продуктивності клієнта та останніх великих. JavaScript licenses API Веб-сайт Go1.13.8 імпорт глобальних.css — так 187 КБ сітчастого CSS в <head> всіх маршрутів 143 і заблокована перша фарба на кожному з них, включаючи /відкриті та / блокувати. Стильні таблиці є єдиним ресурсом в цьому додатку, який дійсно рендер-блок, який зробив це Найбільший предмет FCP в перевірці і точно те, що звіти PageSpeed під назвою "Елімінація" рендер-блокування ресурсів. Ввійти CSS макета з 334 КБ до 147 КБ. The imports to************************************************************************************************************************************************************************************************************************************************************ AgGridReact незмінний, і всі 34 модулі, які імпортували ag-grid-react, тепер йде через це. Обгортувач замість 34 розсіяний стиль імпорту таблиць тому, що 35-а сітка є один, який би корабель неупереджений - це відмова, яка схожа на CSS помилки в функції nobody дотик. скрипти/check-aggrid-import.mjs застосовує його і працює в тесті npm. КАСКАД, яка є частиною, яка необхідна, а не стверджуючи. Новини тепер завантажується BEFORE замість того, щоб кожен рівноспецифічний краватка між ag-grid і Tailwind's preflight flips: preflight використовується для виграти їх, ag-grid тепер робить. Аудиторська виснажлива з css-деревою по обох таблицях, а не ока: - [прихований] - (0,2,0) і все одно вирушає всі правила 167 аг-г-гріду ` Display` на (0,1,0), так що нічого прихованого стає видимим. preflight's [role="button"] дає їм — ті зв'язки немає. Спеціалізовані кодери (великий розмір, краб, переміщення, комірка) сидять на зміні та перетягування ручки, які здійснюють ні [role="button"] ні:disabled. - Всі 20 власних файлів .ag-theme-alpine overrides або повністю !important або (0,3,0)+, тому вони замовляються як спосіб. - ag-grid's п'ять правил елемента є <ag-grid-angular> і друзями, імена елементів Цей додаток ніколи не дає, плюс тіло користувальницький прожектор не встановлюється. Один справжній flip: ag-grid кораблі `[class^=ag-] { контур: no }` і preflight кораблі `:-moz-focusring {===================================================================================================================================================================================================================================================== клавіатура фокус кільце всередині кожної сітки. глобальні.css шпильки, які один явно на (0,2,0) Отже, вона б'є, незалежно від того, що це було зроблено. Також в цій партії: `Cache-Control: громадський, макс.age=0`, тому всі 24 Мб іконок, На кожному твердому навантаженні були відновлені рингтони, логотипи та конструктор pdf. 1 час з застібкою-ревалідатом — свідомо не `імітований` і навмисно не рік, тому, що нічого під громадськістю / є змістом спосіб / next/static, тому файл замінено на розгортання зберігає свою URL-адресу і `immutable` буде фіксувати старі байти без способу щоб кинути його. пусконапад. Ці три сайти виклику проходять через наступний/знімок, який обслуговує веб-пам'ять WebP з декількох КБ. Майстер-файл залишається окремо: CopilotHero надає той же актив в 148 CSS px і його потреби. Перевірений: цільовий tsc --noEmit очистити над обгорткою, як на місці виклику наступного зображення і зразок перероблених модулів сітки з їх транзитним імпортом; всі 9 охоронець Сцени проходять, в тому числі новий, який було підтверджено не на висадженому прямі імпорт перед проводом.

All changes

Як ви бачите відправлення?

Кожен з цих оновлень землі в робочому просторі автоматично. Почати вільний час і дивитися його на тиждень після тижня.

БезкоштовноПерегляд цін