Automating Website Performance Monitoring for Free with SpeedTracker

tomat
tomat
Published in
2 min readJan 9, 2017

--

If you frequently use WebPageTest or similar services for checking page performance, or just like to keep track of things like CSS size or JavaScript size, you’ll probably want to try this.

SpeedTracker is a tool for using the WebPageTest API to do automated runs. It’s free and open-source; and it has a really clever implementation using GitHub Pages. You can even set up performance alerts via e-mail or Slack so you don’t accidentally blow up your JS bundle size without noticing.

WebPageTest records screenshots of your page in various stages of loading, which SpeedTracker displays

React frontend

And if you’re into React; the whole frontend is just a regular React app, so it’s super simple to tweak what stats you want to show, or what graphing library to use.

Webhooks

You can choose to run it automatically every 12 hours for example, or even better; just ping the webhook for your configuration from your deploy script right after a successful deploy.

Links

--

--