angular / angular/components

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

オープン
#5,113 コメント 24 件 リアクション 21 件 担当者 0 名 GitHub で見る
area: material/autocomplete area: material/select G P2 perf
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
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 を短くまとめたダイジェスト。