Skip to content

Commit c368549

Browse files
committed
Update readme.
1 parent 8230c12 commit c368549

File tree

1 file changed

+23
-4
lines changed

1 file changed

+23
-4
lines changed

README.md

Lines changed: 23 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,12 +22,11 @@
2222
</a>
2323
</p>
2424

25-
<p>
26-
<i>If you are looking for a vue component which support big amount data list with high scroll performance, now you are in the right place!</i>
27-
</p>
28-
2925
* [Advantages](#advantages)
3026
* [Live demos](#live-demos)
27+
* [Performance comparison](#performance-comparison)
28+
* [Build time wasted](#build-time-wasted)
29+
* [Total memory used](#total-memory-used)
3130
* [How it works](#how-it-works)
3231
* [Simple usage](#simple-usage)
3332
* [Using by npm module](#using-by-npm-module)
@@ -66,6 +65,26 @@
6665
Besides, you can also compare the experience which **without using** virtual-list here: [without-virtual-list](https://tangbc.github.io/vue-virtual-scroll-list/demos/without-virtual-list).
6766

6867

68+
## Performance comparison
69+
70+
According to the demos above, here are lists of approximate statistics:
71+
72+
#### Build time wasted
73+
74+
| Count | item-mode | vfor-mode | without-virtual-list |
75+
|-------------|-----------|-----------|----------------------|
76+
| 1,000 | 8 ms | 35 ms | 220 ms |
77+
| 10,000 | 10 ms | 170 ms | 1500 ms |
78+
| 100,000 | 20 ms | 1300 ms | Browser crash! |
79+
80+
#### Total memory used
81+
82+
| Count | item-mode | vfor-mode | without-virtual-list |
83+
|-------------|-----------|-----------|----------------------|
84+
| 1,000 | 15 MB | 80 MB | 200 MB |
85+
| 10,000 | 25 MB | 120 MB | 220 MB |
86+
| 100,000 | 55 MB | 550 MB | Browser crash! |
87+
6988
## How it works
7089

7190
<img src="https://tangbc.github.io/github-images/virtual-scroll-list-how-works.gif">

0 commit comments

Comments
 (0)