Developer Tools

Perfmap

4.7
13
5592
4

A front-end performance heatmap of resources loaded in the browser using the Resource Timing API.

The heatmap colours and the first ms value indicate at what point in the page load did the image finished loading. It’s a good indicator of user experience. “It took 3450ms before the user saw this image.” The second value in brackets is the time it took the browser to load that specific image.

The legend attached to the bottom of the page shows timings for the full page load and hovering over a coloured area on the heatmap will move the timeline indicator to show you when that image was fully loaded.

Code: https://github.com/zeman/perfmap

Perfmap
Related posts
Developer Tools

Browserling - Cross-browser testing

Developer Tools

Selenium Page Object Generator

Developer Tools

IP Address and Domain Information

Developer Tools

APK Downloader for Google Play Store™

4 Comments

Comments are closed.