angular / angular/components

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

Aperta
#5,113 24 commenti 21 reazioni 0 assegnatari Vedi su GitHub
area: material/autocomplete area: material/select G P2 perf
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia modificando le demo dei componenti per riprodurre 500 istanze di MdSelect con 500 opzioni ciascuna, quindi traccia il percorso di rendering iniziale nello stato chiuso per MdSelect e MdAutocomplete. Il lavoro è completato quando l'elaborazione relativa alle opzioni viene rimandata fino all'apertura di un pannello, mentre i componenti continuano a essere renderizzati e a funzionare correttamente quando vengono aperti e la riproduzione con un numero elevato di opzioni rimane reattiva.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend, performance
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.