Have you ever felt frustrated, when trying to open a web page that takes forever to load? Those sites with tons of videos, images, and fancy graphics are definitely cool, but if my Internet service provider bandwidth can't keep up with it, frustration sets in and I rapidly move on to something else.
Photo credit: mipan
As an online publisher, the time it takes for your readers to fully load a web page on your site is absolutely of critical importance. Beyond a five seconds wait impatience sets in, and after ten seconds or more many of your readers will start to leave.
In the following report, the home pages of the most popular Technorati 100 blogs have been tested for file size and download speed. How long does it take to for a typical reader to load the home page of any of this highly popular blog sites?
Pingdom, a web service that specializes in monitoring the availability and response time of websites, has armed itself with precision analysis tools and loads of time to find out more closely the effective page load time for these popular sites.
Intro by Daniele Bazzano
This report presents an analysis of 100 top blogs, picked from the Technorati top 100 list. For each of these blogs, the front page (homepage) has been analyzed to see how large its download size is and what contributes the most to this size.
We have chosen to not present the blogs individually in this report, but have instead focused on them as a group to get more general data.
The size difference between the different blog front pages was very large. One front page was close to 6 MB in size, though it is an extreme case and should not be considered representative. Most blog front pages, 93%, were below 2 MB in size.
When averaging all the 100 blogs included in the survey, it was clear that the single largest contributor to the size of the front page was images, which in itself should not come as a surprise considering that today’s blogs often are very visual and contain many images.
On average, there were 63 images included on the front page, though the number varied greatly. Some had less than 10 images, while others had more than 100. You can see the distribution in the diagram below.
In addition to images in the posts themselves, images are also common in the design of the layout of the blog, which can explain the large number found in some blogs. Both images included in the HTML and the CSS are included in this count.
On average, there were 9 script files included on the front page, and here too the number was very varied between the different blogs. The page with the most scripts had as many as 35 script files included.
As this survey has shown, three out of four blogs have front pages larger than 500 KB, and more than one third have a front page larger than 1 MB.
With an ideal, perfect connection, this is how long it takes to download 1 MB (1048576 byte) of data:
Note, however, that this assumes that the bandwidth is utilized to 100%, which normally won’t happen. The above numbers just show you the theoretical upper limit.
In short, blog readers with slower connections will have problems loading the front page of many of today’s blogs, at least with images enabled.
Since images constitute almost two thirds of the size of the entire page on average, it would seem logical to start the optimization there. This can be done in two ways (which are not mutually exclusive):
Since scripts came in second, size wise, here are a few tips that apply to reducing the impact of scripts on the load time:
These are just a few advice regarding these specific areas. Website optimization is a huge subject and going into detail here would be outside the scope of this report.
There will of course be some size variations depending on the current content presented on the blogs, but the overall, average data is not bound to change much and is highly relevant, especially considering the large sample base.
Since many blogs try to attract a large number of readers, they may be doing themselves a disservice if they let their blog size get too big, which will result in a slow-loading blog. Browser-side caching will help things a bit for frequent readers, but any new or casual visitor will have to load the page in its entirety and some may give up before it is finished or at least get frustrated. (And no one wants frustrated readers.)
Even broadband users would benefit from smaller page sizes with fewer objects on them. This would speed up the responsiveness of the website for them as well. Ultimately it would also be beneficial for the blog owner since it would put less stress on his server(s) and demand less bandwidth.
We suspect that not all blog owners are really aware of how large their blog pages actually get, so we hope that this report will prove helpful in raising discussion around this subject. Some blogs are bound to be large, especially if the content relies heavily on images, but many others could most likely significantly reduce their download size (and download speed) with the few simple measures we mentioned above.
N.B.: The data was collected with the Full Page Test in Pingdom Tools, which is a Web-based tool provided freely by Pingdom. It will load and analyze all elements of a web page and present the data in a way that can be examined and filtered with a simple interface. The tests that provided the basis for this report were performed on October 30, 2008.
About the author
Pingdom is an uptime monitoring service, monitoring the availability and response time of websites, servers and services on the Internet. Pingdom was created by Sam Nurmi, founder and previous CEO of Sweden’s web hosting company, Loopia.
Total Blog Front Page Size - Pingdom
Images and Scripts The Largest Contributors to Size - Pingdom
Number of Images Per Page - Pingdom
Number of Scripts Per Page - Pingdom
Blog Readers Without Broadband Left Stranded - Gino Santa Maria
Size and Speed Optimization of Blogs - Lisa F. Young