Velocity NY 2016 - Using Chrome Traces to Measure Web and Performance

Velocity Conference, New York, September 19-22

Using Chrome traces to measure rendering performance of web pages and mobile apps

Ten years ago, increasing the performance of a website usually meant tweaking the server-side code to spit out responses faster. Today, it is mostly about ensuring that content is delivered to the user as fast as possible. However, it is still very hard to measure the user experience in terms of the smoothness and runtime performance of a website.
Chrome has excellent devtools that help fixing rendering performance issues in web pages. Parashuram Narasimhan demonstrates how to create scripts that use the same source of information as the devtools to automatically measure metrics like frame rates, paint times, and layout calculations and explains how this method is being used to continuously track rendering performance of web apps. Topics include:
  • How to leverage the same source that Chrome DevTools use to collect trace information about a web app’s performance
  • Understanding the events in a Chrome trace and tips and tricks to parse and aggregate them into usable metrics
  • How to plug this back into any web performance system like WebPagetest or Speedcurve so that this information can be monitored continuously