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 /changelogs/unreleased/7737-ci-pipeline-view-slowed-down-massivly-if-security-tabs-has-many-entries-ee.yml | |
| 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 'changelogs/unreleased/7737-ci-pipeline-view-slowed-down-massivly-if-security-tabs-has-many-entries-ee.yml')
| -rw-r--r-- | changelogs/unreleased/7737-ci-pipeline-view-slowed-down-massivly-if-security-tabs-has-many-entries-ee.yml | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/changelogs/unreleased/7737-ci-pipeline-view-slowed-down-massivly-if-security-tabs-has-many-entries-ee.yml b/changelogs/unreleased/7737-ci-pipeline-view-slowed-down-massivly-if-security-tabs-has-many-entries-ee.yml new file mode 100644 index 00000000000..aaae8feb220 --- /dev/null +++ b/changelogs/unreleased/7737-ci-pipeline-view-slowed-down-massivly-if-security-tabs-has-many-entries-ee.yml @@ -0,0 +1,5 @@ +--- +title: Improve performance of rendering large reports +merge_request: 22835 +author: +type: performance |