I made a tool to track your whole site's Pagespeed

Posted September 18th, 2017 • 2 min read

At the office we usually take some time to optimise our client's websites for Google Pagespeed. We got quite proficient in this and no what the common pitfalls and best practices are. However, I noticed we usually only do this for the homepage 🤔.

This makes sense, as that's usually the main page, but what about all the other pages. For instance, the order process pages or your contact form. Those are just as, if not more, important to load up quickly.

This, combined with my desire to launch a webservice at some point, lead me to the idea to create a webapp called Wulfdeck. It automatically crawls the domain you enter and finds all the (internal) pages it links to, up to 2 levels deep. Next, you select which pages you would like to monitor, and you're good to go. Wulfdeck will scan all the pages for their Pagespeed and show you your average, as well as per-page specifics.

The nice thing, I find, is that it calculates with the impact from the various Pagespeed Rules, so that it can tell you how many more Pagespeed points you will gain by fixing that specific Rule.

When you have changed your page you can re-check it and see if you're at the desired result.

Since I launched it last week I got some subscribers, and luckily the system works as expected without unforeseen server issues or bugs, so that's cool. I'll see where it goes from here.

If you want to give it a spin and give me some feedback that'd be great. Check it out here.

Happy coding (and optimising)!

Stay up to date

Want to know when a new post comes out and stay in the loop on tips, tricks and gotchas? Consider signing up for the Mindthecode newsletter.

Comments

Keep reading

December 6th, 2011 • 2 min read
Loading external assets with curl is not only easy, it's also a lot faster than file_get_contents
October 26th, 2012 • 2 min read
My experiences while converting this blog to an Octopress one
May 25th, 2014 • 5 min read
When I realised you could easily generate screenshots from a site with PhantomJS I just needed to know if I could take it one step further, and record a video.