Loading...

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

109 views

Loading...

Loading...

Transcript

The interactive transcript could not be loaded.

Loading...

Loading...

Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Uploaded on Oct 11, 2016

Velocity Conference, New York, September 19-22

Abstract

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

Loading...

to add this to Watch Later

Add to

Loading playlists...