JSFoo 2014

JavaScript as the centerpiece of a complex web stack

Automating Web Performance Measurement and making it a part of continuous integration

Submitted by Parashuram (@axemclion) on Sunday, 8 June 2014

videocam_off

Technical level

Intermediate

Section

Full talk

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +3

Objective

Measuring rendering performance for web pages is manual today. At the end of the talk, the attendees will be able to use the tools described into their continuous integration system to measure how smooth the web applications are, over time. They will be able to identify trends where adding functionality to the web page made it heavy, or how a single commit make the page janky.
The tools are open source and can be run completely on the cloud.

Description

When shipping, developers usually care about backend performance and scalability. With tools like YSlow 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 :)

Speaker bio

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.

Links

Slides

http://nparashuram.com/perfslides

Comments

Login with Twitter or Google to leave a comment