How To Add Google Site Speed Tracking to Your Website

As you know that the website speed is one of Google search ranking algorithms at this time, therefor, I’ve already had a tutorial that helps you optimize your WordPress blog for a better performance. But unfortunately, the only place that you can know how well your website speed is in Google Webmaster area, by default, this feature is not included in your Gogole Analytics data. This tutorial will show you how to enable this!

Introduce Google Site Speed Tracking

The Site Speed report measures the page load time (latency) for a sample of pageviews on your website pages. It appears in the Content section of the Analytics reports. With this report, you can see which pages load the fastest and which ones are slower. You can also analyze your overall site speed along other important dimensions in order to learn how your site speed relates to a variety of factors.
Google Analytics Help

How to add Google Site Speed Tracking to your website?

In order for the Site Speed reports feature to work with your Google Analytics account, you must make a simple change by adding the following code to your tracking code:

_gaq.push(['_trackPageLoadTime']);

For example, the original tracking code from your Google Analytics account may looks like this:

<script type="text/javascript">
 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-XXXXX-X']);
 _gaq.push(['_trackPageview']);

 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();
</script>

… and after you make a change:

<script type="text/javascript">
 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-XXXXX-X']);
 _gaq.push(['_trackPageview']);
 _gaq.push(['_trackPageLoadTime']);

 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();
</script>

After that, you need to wait about some hours for the new tracking code getting data from your website. If you still don’t see the report, lets login to your Google Analytics account, add a new widget called as: “Avg. Page Load Time (sec)“: