angular / angular/components

MdSelect and MdAutocomplete slow initial render w/ large number of options

未关闭
#5,113 24 条评论 21 个 reaction 已指派 0 人 在 GitHub 查看
area: material/autocomplete area: material/select G P2 perf
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

For both `MdSelect` and `MdAutocomplete`, the initial render of the component (in the closed state) is very slow even though the panels are closed. We should ensure that any work related to the options is deferred until the panel is opened.

To reproduce this, simply modify the demos to render 500 `md-select` each with 500 options each (there is no problem if there are 500 selects with 1 option each).

贡献指南

打开贡献指南

调研方向

首先修改组件演示,以复现 500 个 MdSelect 实例且每个实例包含 500 个选项,然后跟踪 MdSelect 和 MdAutocomplete 的初始关闭状态渲染路径。完成的标准是:与选项相关的工作会推迟到面板打开时执行,同时组件在打开后仍能正确渲染并正常工作,并且大量选项的复现具有良好的响应性。

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend, performance
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。