Tools

Responsive images automator helps to build valid responsive image markup.

A Mac app and web tool to bulk optimise images of all formats. Super useful if you have a large number of assets to optimise at once.

A curated list of snippets to get Web Performance metrics to use in the browser console.

A simple online `dig +trace` tool which explains each step in a DNS trace, useful for finding issues with DNS records and TTLs.

Treo's Sitespeed report is a fantastic view on Google's Chrome Real User Experience Report. It gives an easy interface to analyse your largest contentful paint, cumulative layout shift and more, over a twelve month period.

The resource hint validator analyses hints in headers and documents, ensuring that you are not using too many and that each is a valid hint.

A super quick tool to view what makes up the size of your HTML document.

Lighthouse Metrics allows you to quickly run lighthouse tests against a page from multiple regions.

Wakamai Fondue is a font diagnostic tool, invaluable when working with font subsets and variable fonts.

This web performance heatmap is generated by comparing filmstrip images from a webpagetest result. This gives a visual indication of when elements are painted to the screen.

CDN Finder by CDN Planet will run DNS lookups against a domain or all domains on a page to determine which CDNs they are mapped to.

SVGOMG is the ultimate SVG optimisation tool, providing a graphical user interface to the Nodejs tool [SVGO](https://github.com/svg/svgo).

TinyPNG is a handy tool to quickly optimise images, including JPGs!

WebPageTest is the ultimate performance testing tool, allowing you to run simple or complex tests on browsers around the globe.

RedBot is a header diagnostic tool, use it to validate response headers like `ETag` and `Vary`.

Google's favourite tool for measuring web performance, both in a lab setting (using a server and emulated browser) and with field data from the Chrome Real User Experience Report.

YellowLab tools provides an in-depth audit of web performance best practices.

Request map plots every request on a web page, showing what connects all of the third-party content.

A deep technical analysis of the SSL / TLS configuration of a domain.

DNS is the very first step a browser makes when trying to load a web page. A slow DNS lookup can make initial pageviews slow, DNSPerf's benchmark queries your DNS record from around the world to get a global view on performance.

Font drop is a font diagnostic tool, unfortunately it does not support WOFF2. See Wakamai Fondue for wider format support.

Glyphhanger is an open source font utility belt - use it to create subset fonts.

A simple web UI on top of a Cloudflare Worker to dynamically apply optimisations. Useful for testing the potential impact of simple changes without having to change any code.