Front-End Framework Performance Tests with Meteor.js

Comparing Performance of Blaze, React, Angular-Meteor & Angular2-Meteor:

Rendering & Re-Rendering Speeds

• Blaze (Meteor default)
• React-Meteor
• Angular-Meteor
• Angular2-Meteor

See also: AngularJS track by & one-time binding Performance.

Testing using Angular BenchPress

Setup

• Setup up Protractor

  npm install -g protractor webdriver-manager update webdriver-manager start

• Setup BenchPress

  cd tests npm install --save

Run a Test

1. Open a different terminal and start webdriver

    webdriver-manager start
   

2. Run an instance of the app you want to test example:

    cd angular-2
    meteor
   

3. Set the settings for your test in tests.spec.js

    var TEST = {
      sampleSize: 20, // number of times the test runs
      address: 'http://localhost:3000/',
      counts: [100, 500, 1000, 2000, 3000, 4000, 5000]
    };
   

4. Run Benchpress

   protractor benchpress.conf.js

5. Check the output

Alternatively, output the results to a file.

protractor benchpress.conf.js > results/angular-1.txt