Tuesday, February 3, 2015

Page rendering performance of jQuery vs Knockout vs React vs Riot2


Here is an interesting performance test result which compares the rendering speed of jQuery, Knockout and React at page load.

This is not a test of an event that triggers an update to page which in theory the virtual DOM of React should stand out.

Rendering 10000 rows of single column table.


IE 11
Chrome
Safari
jQuery
6.5 s
0.8 s
0.7 s
Knockout
8.5 s
4.0 s
3.3 s (30s the UI actually show up)
React
1.3 s
0.6 s
1.0 s
D3
1.7 s
0.2 s
0.2 s
Riot2
14 s
3.9 s


You can see that Chrome beats IE11 in all cases and React beats the other two. It is interesting to see that jQuery runs almost as fast as React in Chrome.

Update: I tested Safari. It is comparable to Chrome but with Knockout, the program recorded that the running of code was done in 3 seconds but it actually doesn't show up in the browser for 30 seconds.

No comments:

Post a Comment