Skip to main content

Making Frontend Performance Testing a Part of Continuous Integration - PerfJankie

Parashuram Narasimhan (Microsoft)
Performance
Mission City Ballroom B1
Average rating: ***..
(3.59, 22 ratings)
Slides:   external link

When shipping, developers usually care about backend performance and scalability. With tools like YUI and Page Speed, front end performance engineering got the spotlight. However, even today, front end developers have to check the developer tools timeline or the confusing about:tracing graphs to see how smooth their web sites are. This is still hard to measure and it is painfully easy to slow down a smooth feeling webpage in the battle to make it pretty.

During this talk, I would detail my experiments with using a NodeJS port of Chromium Telemetry Smoothness and Loading benchmarks and how they could be integrated into a continuous integration system to get useful graphs. The fact that this NodeJS tool works on ‘cloudified’ browsers, makes the deal even sweeter. The idea is to have a way to see how fast a developer slows down their website over a series of commits :)

Projects/Links on the work done

  • NodeJS port of Chromium Telemetry smoothness and loading benchmarks – http://github.com/axemclion/browser-perf
  • CouchDB application used for the graphs – https://github.com/axemclion/perfjankie
  • Pull request to Twitter bootstrap, adding perf to continuous integration – https://github.com/twbs/bootstrap/pull/12112
  • Karma testing framework plugin for rendering performance – http://github.com/axemclion/karma-telemetry
Photo of Parashuram Narasimhan

Parashuram Narasimhan

Microsoft

Parashuram is a Senior Program Manager at Microsoft Open Technologies Inc and a front end developer. He loves to work on open source projects both as a part of his day job and as his hobby projects. He is a front end developer and like experimenting with making web applications do what they could not.