Google Analytics Async & Google Plusone Async: Make your blog Load Superfast!

Have you recently taken your blog for a performance test with Pingdom tools? If not, I suggest that you do it right now and focus on those javascript social widgets that contribute to the increased page load time. The main culprits typically are:

  • Google Plusone widget
  • Google Analytics code (older one)
  • Facebook like button

Please note that by increased page load time, we are not necessarily talking about large sized objects and scripts alone. The page load time sometimes is caused by the servers that do not respond well due to millions of hits coming their way.

Google Plusone Async & Analytics Asynchronous scripts

The following picture is a small part of the Page load time report of a famous technology blog. The total load time for this VPS hosted blog homepage was just 4.1 seconds when I tested. This is really good numbers considering that the page weighed 1MB plus and there were a total of 124 HTTP requests.

google-plusone-async

Unfortunately, the plusone.js script from Google (highlighted above) was an outdated synchronous script which was taking almost 1 second to respond the HTTP request which is shown as the yellow bar. This is the time taken from request to receive the first byte of a rather small script. The learning here is that by replacing the old script with the Google Plusone Async script you are going to save 1 second out of the 4.1 seconds. How cool is that?

The case is the same if you are using the older Google Analytics code to track your page views. Google had recently launched the Async script for Google Analytics that you can download from your Analytics account and update the blog accordingly.

Other Social Widgets

From my experience, the twitter tweet buttons load faster most of the time, even in the sync mode. However, facebook send scripts are not only heavy but also too slow at times. We don’t have an easy way around here as it looks but there are some code examples that I found on other websites. I tried with some but without much luck.

There are some ad network scripts are too slow to respond as well (e.g. Tribalfusion snippets that I found on some sites). Not many ad servers are as fast as Google AdWords and if you are using multiple ad networks on your blog, you may want to check with them to see if they have any async code at all.

The main advantage of asynchronous scripts is that they don’t make other page elements wait to render. This results in improved user experience. On top of that, async scripts can be added even on top of the page. For example, older Google Analytics scripts are typically added at the end of the page just before the body tag closes where as the async code can be anywhere on the page.

As for now, change your Google Plusone and Analytics code to asynchronous javascript implementation right now and improve your blog load time dramatically.

Note: Those who are using their theme settings for entering Google Analytics ID may have to change the theme code in order to get benefited from the Async analytics code. If your theme designer hasn’t updated it yet, that is.

Comments

  1. Sire :

    I suppose with the amount of requests Google gets you would expect that it would take a little longer to process them all thereby increasing the page load time. Perhaps Google knowing this will be a little more lenient when judging a sites load time?

    • Sire, true Google gets millions of those widget requests, so does FB and Twitter. Fortunately, they modified their slow loading scripts recently to come up with this async version.

      Yep, they probably got away with their own slow loading scripts so far :)

Speak Your Mind

*