Every millisecond matters these days

Keep Track of Load Times Using Google’s Page Speed API


With site load times becoming more and more of an influencing factor in your site’s ranking, it is becoming increasingly important to speed up your site and know the inner workings of the way your site loads so that you can identify where the bulk is.

We’ve already gone over several ways in which you can speed up your site (see Create Your Own Fast Social Sharing Buttons For WordPress, for example) and there will be more tutorials on this very subject in the future (now would be a good time to sign up to the RSS feed if you aren’t already).

But this tutorial is going to show you how to gauge your site load speed and track it over time.

On-the-spot analysis

Google recently came out with an API for their Page Speed algorithm, which allows site owners to check their load speed on a scale of 0-100.

Even better than that is the news that a recent upgrade of the W3 Total Cache plugin (which I highly recommend for your page caching needs) includes a tool for you to do an on-demand analysis of your page load speed. Here’s how to get it:

  1. Make sure you have W3 Total Cache installed, activated and upgraded.
  2. Go to the Google Page Speed page and login with your Google Account (please don’t tell me you don’t have one…).
  3. Turn the Page Speed project On and then hit the API Access link in the menu on the left and get your Google Page Speed API key.
  4. Login into your WordPress site and go to your W3Total Cache Settings (make sure you’re on the General Settings tab).
  5. Scroll all the way down to the bottom to the miscellaneous settings, enable the Google Page Speed Dashboard Widget and enter your API key.
  6. Google Page Speed Dashboard WidgetHead to your dashboard and check out your page score. Note that you can refresh the analysis, and see the areas where Google sees big problems (in red) or minor problems (in yellow) so that you can work on them.

Track your load speed over time in Google Analytics

You can now add an extra line of code to your Google Analytics tracking code and Google will track your site loading speed as an extra metric in Google Analytics.

Of course, this unleashes all kinds of potential as you can track the improvement of your load speed over time and mark significant changes to your site, see what countries load your site the quickest and even look for correlation between load speed and bounce rate for instance.

To start tracking this metric, add the sixth line to your AdSense tracking code (probably installed in either header.php or footer.php if not controlled by a plugin):

Once you start collecting data, you’ll be able to pull it up in Google Analytics under the Content section (you have to be using the new version of Google Analytics – see the link in the top right hand corner of the screen).

What kind of a Google Page Speed score are you getting? Have you managed to increase it? What Page Speed metrics are you still having trouble improving? Let us know in the comments.

Categories: Plugins, Speed | Permalink

What next?

Hire me

If you couldn't quite manage this yourself, find it too intimidating, or just don't have the time to do it, you can always hire Dave to do it. Please get in touch so that we can discuss your needs.

Leave a comment

If you have a question, update, or comment about the tutorial, please leave a comment. I try and respond to every comment, though it may take a few days, so please check back soon.

Let a WordPress Expert help you

Do you want to try this, but feel like you need a helping hand, in case something goes wrong? My service, The WP Butler, gives you access to WordPress expertise whenever you need it. Better yet, I'll keep your site backed up, updated and secure, so that you don't have to worry about it. It's all part of the service. Use coupon DIWW and save 15% on all plans.

Visit The WP Butler


Dave has been tinkering with WordPress for many years, and he now shares his WordPress knowledge here on Do It WIth WordPress to help others realise its impressive power. He can also be hired to help with your WordPress needs. Dave, who is British, is married to his best friend, Marti, with whom he has a beautiful daughter, Ellie. When he's not dabbling with WordPress, he's probably eating Triscuits or hummus, watching an indie film or British TV show, spending time with friends or family, or exploring the world.


  1. So, I just need to added “_gaq.push(['_trackPageLoadTime']);” to Google Analytics code, it will work ?

  2. I got an 82/100 and of course you know I have no idea what that means, right? But I am interested nonetheless!

  3. I got an 86. But a 71 on mobile.
    Dave, your link to Google Page Speed page seems to go to a signup for Google cloud services.
    Page speed is at https://developers.google.com/pagespeed/

  4. No prob, buddy. I still owe you!

  5. The most website performance increase I got when I started using CSS sprites. Caching settings is also a good thing to check twice.

  6. What line do we need to add to track the Page Speed metric? It looks like you have a shortcode that isn’t being parsed.

  7. Some of the things that I have followed to achieve a faster load time, higher performance and better score with google page speed are – using css sprites as much as possible, minify css and js, using a decent CDN and using image compression plugins with wordpress.

    These are some tried and working methods which helped me to achieve page speed score of 92 on my blog which receives very heavy traffic :)

Leave a Reply