Web Performance Tools

Tools that I’ve created

• Heatmap - Generate a heatmap of a webpage showing which elements of the page are slow to render
• Request Map - Plot the domains on a web page showing how they all connect to each other
• RUM Wall - a demonstration of rendering RUM data in a visual dashboard. Source is in the HTML
• Jank Meter - Measure how smoothly a page scrolls from a bookmarklet.

Great other tools

• SpeedCurve Labs - Mark Zeman’s playground with various interesting web performance visualisations
• 8 excellent open source data visualization tools - a critical collection of open source tools to visualise data
• YellowLab Tools - visualise Javascript execution
• Graphite-web - a Django-based web application that renders graphs and dashboards
• Graphene - a D3.js, Backbone.js based Graphite Dashboard Toolkit