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.

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:

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.

Login into your WordPress site and go to your W3Total Cache Settings (make sure you’re on the General Settings tab).

Scroll all the way down to the bottom to the miscellaneous settings, enable the Google Page Speed Dashboard Widget and enter your API key.

Head 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.

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 :)

Wish your site was as fast as this?

Do It With WordPress is proudly hosted by WP Engine, the very best WordPress hosting that money can buy.

Aside from being blazing fast, it's very secure, has a staging area to test changes before making them live, automated daily backups, malware scanning, stellar support from WordPress experts... It's just everything that you would want from your host, and more.