angular / angular/components

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

Offen
#5,113 24 Kommentare 21 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/autocomplete area: material/select G P2 perf
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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).

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, die Component-Demos so zu ändern, dass sie 500 MdSelect-Instanzen mit jeweils 500 Optionen reproduzieren, und verfolge dann den anfänglichen Rendering-Pfad im geschlossenen Zustand für MdSelect und MdAutocomplete. Als erledigt gilt die Aufgabe, wenn die optionsbezogene Arbeit zurückgestellt wird, bis ein Panel geöffnet wird, während die Komponenten beim Öffnen weiterhin korrekt gerendert werden und funktionieren und die Reproduktion mit der großen Anzahl an Optionen responsiv ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend, performance
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.