ABSTRACT

Context: Many websites today are very interactive and the users are getting used to sites that change hundreds of elements every second. Often a JavaScript framework is used to build the web site and with many changing elements on the site the need for a JavaScript framework that can handle the fast changes are needed. Each frameworks do it differently to achieving this but most of them do some manipulation with the Document Object Model (DOM).  

Objectives: This research will show how fast the selected MCV like JavaScript frameworks (AngularJs, AngularJs 2.0, Aurelia, Backbone, Ember, Knockout, Mithril, Vue) can create, delete and update HTML elements on the screen.  

Methods: This research have used Google Chromes TimeLine tool to measure the speed of the frameworks. The test involves creating a HTML table and fill it with a thousand rows of data with six columns. The tables content are tested to see how fast the frameworks can create, update and remove the elements.    

Conclusions: Angular 2.0 almost achieved first place in all tests. Angular 1.5 did very good in the update tests and was good in the create elements test. Backbone and Ember did not do so well in the create and update tests but Backbone was the best framework in one of the delete tests. Aurelia got very good results and so did Vue which almost had the same values as Aurelia throughout the tests. Mithril and Knockout performed well in the create test which placed them in the middle among all the selected frameworks. When it came to the update tests Mithril and Knockout also found them self in the middle positions of all the frameworks. 

Key Words: JavaScript, Framework, performance, Angular, Aurelia, Backbone,  Ember, Knockout, Mithril, Vue.