diff options
author | Lukas Eipert <leipert@gitlab.com> | 2018-11-06 11:20:49 +0100 |
---|---|---|
committer | Lukas Eipert <leipert@gitlab.com> | 2018-11-06 11:39:11 +0100 |
commit | 26ab92d3f38eea724728d71bf033895e1e783d1d (patch) | |
tree | 7cedaf4a007e17dec699e03cb28269a62b506319 /lib | |
parent | 84f562e7040f1da818157853de84874d57135ca9 (diff) | |
download | gitlab-ce-26ab92d3f38eea724728d71bf033895e1e783d1d.tar.gz |
Improve performance of rendering large reports7737-ci-pipeline-view-slowed-down-massivly-if-security-tabs-has-many-entries
Instead of rendering all report items in 4 big lists, we make use of
vue-virtual-scroll-list and render only few dozens at once. This
improves the performance in several metrics:
- Initial load time
- Memory Pressure
- CPU Load
- DOM node count
In an example with around 11k reported security vulnerabilities:
- Initial load time: 27s -> 4.1s
- Memory Pressure: ~750 MB -> ~270 MB
- CPU Load (time spent on executing JS/Rendering): 22s -> 2.5s
- DOM node count: 430k -> 7k up to 30k while scrolling
Diffstat (limited to 'lib')
0 files changed, 0 insertions, 0 deletions