Speed of DOM Rendering

On Feb 2, 2017 by digvijayb |

Angular Document Object Model (DOM) manipulation has evolved a lot. If you want a reactive User Interface (UI), DOM manipulation and JavaScript performance is important.

Faster DOM Performance -by toptal.com

For example, creating 1,000 rows in a table takes 126 milliseconds with vanilla JavaScript, 110% more (264ms) with Angular. 1.x, and only 40% more (177ms) with Angular >= 2. As you can see, the performance of Angular >= 2.x is better than Angular 1.x, and is similar to React performance.

Table Report of js framework benchmark of rendering table rows

Table: JS framework benchmark -by stefankrause.net

Check out more post that compare js framework.

React vs AngularJS 1.0 vs KnockoutJS: a Performance Comparison

List of 1000 items that get rendered into a ul tag

Test ran 10 on chrome -by codementor.com

Note that AngularJs is version 1 not 2. Angular2 perform mush better then AngularJs 1.

On average, React is the fastest at rendering a list of 1000 items. It’s a surprising result, because I would have expected raw DOM manipulation to be the fastest, as there’s nothing too hook up and so on. There’s an interesting outlier in the Chrome test in that the second run of the React test takes a very long time to run: almost 600ms. It happens every time the second test is run in Chrome after a fresh reload and I’m not sure why. Raw DOM manipulation comes in second, which doesn’t surprise me, as it’s obviously much lighter than either Angular or Knockout, with nothing else to hook up or take care of behind the scenes

React vs Angular2

Compare two of the most famous javascript framework by google and facebook. Angular2 and React

Bootstrap Performance -by merrickchristensen.com

Share :
Note : The content post is taken for JULIEN RENAUX post at toptal, www.stefankrause.net, www.codementor.io and merrickchristensen.com.

Subscribe & Social

Subscribe to this blog via RSS.

Recent Posts

Categories

Java 14

Python 2

Wordpress 1

Ops 3

Shared 3

Angular 1

Web 1

Draftblog 1

Popular Tags

Java (14) Python (2) Wordpress (1) Ops (3) Angular (1) Web (1) Draftblog (1)

About

DGStack is web blog by digvijay bhakuni. This blog is about computer programming tips and trick. And some short tutorial and gettings started post about the framework, libriay, api and much more. The blog target mostly open source stuff like java, j2ee, nodeJs, angularJs, spring, struts, mongodb, mean, etc

Disclamer

This website claims no credit for any images posted on this site unless otherwise noted. Images on this blog are copyright to its respectful owners. If there is an image appearing on this blog that belongs to you and do not wish for it appear on this site, please E-mail with a link to said image and it will be promptly removed. And the information is best of my knowledge one can always write comment or mail regarding information is this blog.