Skip to Main Content

Perfmap Replaces the Waterfall Front End Performance Report

Posted on 10.15.2014

If you're familiar with those "waterfall" reports on front end performance, you've likely thought to yourself that there has to be a better way - and finally, there is, in Perfmap.

Conceived and created by Mark Zeman from SpeedCurve and presented at Velocity new York 2014, Perfmap is a Chrome bookmarklet (javascript) that creates a front-end performance heatmap of resources that are loaded in the browser using the Resource Timing API (see an image below).

The heatmap colors and the first ms value indicate at what point in the page load the image finished loading (a good indicators of user experience), while the second ms value - in brackets - is the time to took the browser to load that specific image.

See a video demonstration below the image.

 SUBSCRIBE FREE to Website Magazine - 12 Issues 

Today's Top Picks for Our Readers:
Recommended by Recommended by NetLine

Leave Your Comment

Login to Comment

Become a Member

Not already a part of our community?
Sign up to participate in the discussion. It's free and quick.

Sign Up


Leave a comment
    Load more comments
    New code