angular / angular/components

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

Đang mở
#5,113 24 bình luận 21 reaction 0 người được giao Xem trên GitHub
area: material/autocomplete area: material/select G P2 perf
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Trước tiên, hãy sửa đổi các bản demo của component để tái hiện 500 instance MdSelect với mỗi instance có 500 option, sau đó theo dõi đường dẫn render ban đầu ở trạng thái đóng của MdSelect và MdAutocomplete. Được xem là hoàn tất khi phần xử lý liên quan đến option được trì hoãn cho đến khi một panel được mở, trong khi các component vẫn render và hoạt động chính xác khi được mở, đồng thời bản tái hiện với số lượng option lớn vẫn đáp ứng tốt.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
frontend, performance
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.