Rendering performance decreased
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 45/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 冷清
- 技术栈
- javascript
- 领域
- frontend, performance
调研方向
首先在 Chrome 中使用 Framework7 v9.0.X 复现渲染变慢的问题，并与 v8.3.X 进行比较。重点关注 autocomplete 选择器 .autocomplete-preloader-wrap:not(:has(.autocomplete-preloader-visible)) * 及其对失效或重新计算的影响。完成的标准是恢复渲染性能，或 issue 中记录一种经过验证的禁用或避免该选择器的方法。
由索引模型根据 Issue 内容生成。
描述
After updating f7 to v9.0.X there is huge performance decrease (tested in chrome) during rendering
=> In v9.0.X there was a new selector introduced for autocomplete
.autocomplete-preloader-wrap:not(:has(.autocomplete-preloader-visible)) *
This selector seems to be a Render-Performance-Killer ... (nearly 10x slower)
attached two screenshots of a very small examples,,, have a look at the invalidation count....
These lead to a heavy amount of recalculations...
I've tested the performance with the same code and F7 v8.3.X and its fast as usual ...
when i remove the selector also the app is fast....
Any hints how to disable this selector?
- 主要语言
- JavaScript
- 星标
- 18.8k
- 派生
- 3.2k
- PR 合并指标
- 30 天内没有已合并 PR
贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
framework7io/framework7 的其他 Issue
-
难度 2/5 1-3 小时 新手友好度 68/100
framework7io/framework7#4365 · 1 条评论 ·
-
propsHistory 未关闭
难度 2/5 1-3 小时 新手友好度 72/100
framework7io/framework7#4347 · 1 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 64/100
framework7io/framework7#4222 · 3 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 65/100
framework7io/framework7#4175 · 1 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 65/100
framework7io/framework7#3969 · 3 条评论 ·
查看 framework7io/framework7 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 82/100
-
area-deployment area-integrations triage:bot-seen
难度 2/5 半天 新手友好度 86/100
-
Issue-Bug
难度 2/5 1-3 小时 新手友好度 68/100
sugarlabs/musicblocks#8924 ·
-
难度 1/5 1 小时以内 新手友好度 90/100
ArduPilot/ardupilot_wiki#8088 ·
-
[BUG] createTool tools cannot be registered with Mastra when exactOptionalPropertyTypes is enabled 未关闭customer-eng status: needs triage
难度 2/5 1-3 小时 新手友好度 84/100