把AG Grid的187 KB的CSS从每条路线的关键路径上移走

Performancekamo-internal
已装运
2026年8月26日 02:11 UTC
作者
kamo
提交
65eed6d

第4批客户端绩效审计,最后一批大审计. app/ globals.cs 打开了两个 @ imports of ag- grid 的样式表, 以及根版式 进口 Globals.css —— 因此, 187 KB 网格 CSS 在所有143条线路的 " 头 " 和 屏蔽了每张画上的第一幅画,包括/校验和/日志。 样式表 是这个应用程序中唯一真正实现屏障的资源,它使这个软件成为了 审计中最大的FCP项目,以及PageSpeed报告在“Elimitation”下的具体内容 “变相阻断资源”。 该布局的条目CSS从334 KB降至147 KB. 进口到一个再出口的包装箱 AgGridReact 不变,所有输入 ang-grid- react 的34个模块现在都通过 这个 包装器而非34个分散样式表的导入,因为第35个网格是 一种没有主题的载运方式——在无人驾驶的特性中看起来像CSSbug的失败 触动。 脚本/check-aggrid-import.mjs执行并运行于npm测试. (c) 需要证明而不是断言的CASCADE部分。 环球.cs 现在装入在ag-grid之前而不是之后, 所以每个等同的特性绑定在 Ag-grid和Tailwind的飞行前翻转:飞行前用来取胜,Ag-grid现在做. 对Css-tree进行详尽审计, - [隐藏]是(0,2,0),仍然排在(0,1,0)时所有167ag-ggrid"Display"规则的后列. 因此,没有什么隐藏变得可见。 飞行前的[作用="按钮"]给了它们——这些领带是"无". 专家 编码器( 修改大小、 抓取、 移动、 单元格) 坐于 修改大小并拖动手柄上 既不[作用="按钮"],也不:已失效. - 这个文件的全部20个主控器 要么是完全的! (0,3,0)+,所以无论哪种方式,它们都是命令独立的. -ag-grid的五个裸元素规则是"ag-grid-angular"和朋友,元素名称 此应用程序永远不会制作, 加上一个自定义属性的飞行前没有设置 。 一个真正的翻转:ag-g-grid ships ` [class^=ag--] { 大纲:无 }`和飞行前船舶 :- moz- 聚焦 { 大纲: auto } 两者 (0, 1, 0) , 因此 Firefox 用户会丢失 。 每个网格内部的键盘焦点环。 global.css 指定一个值 (0, 2, 0) 所以无论顺序如何 它都胜过它 计算出的数值就是它原来的样子 也在本批中: 公用/ 使用“ 缓存控制: 公用, 最大年龄=0” , 所以所有 24 MB 图标, 戒指,标志 和pdf的工人 被重新认证在每个硬负载。 现在一个小时 ——故意不`不可改变 ' ,故意不一年, 因为任何在公共场合下的东西 都不会像 / next/ static 那样被满足,所以文件 替换为部署 保持其 URL 和 " 不可改变的 " 将无法固定旧字节 来打破它。 发射板。 这3个呼叫站点通过下一个/图像,它服务于一个大小的WebP 几个KB。 主文件被留守:副驾驶英雄以148为同一资产. CSS Px和需要它。 验证:目标为tsc -- 不在包装上清除,无论是下一个/图像呼叫站点还是 重写网格模块的样本及其过境进口;所有9个警卫 剧本通过,包括新剧本,经证实,该剧本在被植入的"直"上失败. 在被接入之前导入.

所有更改

就像你看到的运输?

每一个都自动更新您工作空间的地盘。 开始自由,看它成长 一周又一周.

永远开始自由查看定价