How big is a Page Size going to be in 2014?

January 9, 2014 Published in: Website Speed Author: Goran Čandrlić

The predictions about the following year in terms of web performance are already flooding the web. Predictions about complexity of web pages, the rise of mobile m.sites, measuring page load and engagement, availability of content delivery networks etc.

One of the more interesting stats coming from Web Performance Today is the expected size of the page to exceed 2300 KB by the end of the 2014, which is a 44% growth compared to 2013.

pagesize_wpt

Image 1 – Expected size of a web page in 2014
Image source

If we look at the stats that divide the bytes by content type, we see that images take up most of the space, followed by scripts, flash, stylesheets, and finally HTML, not including other – miscellaneous content. Flash takes longest to respond, as well as JPEGs and custom fonts, while 61% of top 1000 pages are not using Flash, and 66% are not using custom fonts (data is taken from stats for December, 15 for top 1000 URLs, see: http://httparchive.org/interesting.php?a=All&l=Dec%2015%202013&s=Top1000) JPEGs are still making a majority of requests for image type, while PNGs and GIFs share their bite of the “cake”, equally.

content_type

Image 2 – Bytes per page, divided by content type
Image source: HTTP Archive

The rise in mobile sites and mobile usage will continue driving changes for the construction of a website. Mobile device CPU capabilities are even lower than that of desktop computers, which makes the round trip time even longer, and adds to the page load time. Forbes already gave some advice on designing a website for 2014 such as:

  • continuous scrolling
  • larger fonts
  • responsive mobile design
  • flat design
  • parallax scrolling

parallax
Image 3 – Example of parallax scrolling design by Boy Coy design studio
Image source

In the past year, the page size has grown by 25%, an increase from 626 Kb to 784 Kb for the top 1000 sites and finally, to 1 megabyte in average. According to Royal Pingdom, what’s behind the pages bloating is well, images, always the biggest single factor to page size, but also java scripts – due to the rise of HTML5, the second largest content type in terms of size. CSS content has also increased by 25%, as well as the number of requests it take to load the average web page.

How to Stop your Pages from Bloating?

Bloated pages cost site owners, as well as they cost mobile users. As they take longer to load, when people visit them, they spend less, click less, view fewer pages, and spend less time on site. This is mortal to e-commerce, and with growth continuing to be the norm – the expected average size of a page for 2015 is 2344 KB (source: HTTP archive) which is over 2 megabytes, it will continue to be the problem for users as well as content providers. As the technology continues development, hogging content also increases.

This will imply increased usage of performance optimization tricks such as:

  • minimizing the amount of JavaScript
  • minimizing CSS
  • making redirects cacheable
  • minimizing round trip time
  • downsizing on cookies
  • minimizing payload size
  • browser optimization

For more detailed information, consult our series on Google’s Web Performance best practices, starting here.

 

Goran Čandrlić

"I am an online marketing manager with experience in both B2B and B2C sectors. Before joining Danidin LLC to build GlobalDots brand and expand its marketing reach in performance / CDN industry, I worked with various clients in almost any niche. My previous experience includes managing online marketing for travel agency, managing an online publishing platform and co-founding a tech startup."

Our Story

GlobalDots helps companies to evaluate, purchase, and integrate cloud services by acting as a neutral consultancy layer between vendors and customers with a keen focus on optimizing performance, workflows, and costs.

We're in the unique position to orchestrate full-stack, multi-vendor architectures such as multi-CDN, CDN+WAF+AWS, CDN+Mobile App optimization, dual-DNS, and other interesting setups.

Bad Bot Report 2019

Learn everything you need to know about Bad Bot threats by downloading your FREE copy of Bad Bot Report 2019.

CDN Buyer’s Guide

Find out the most important tips&tricks before selecting your next CDN provider in this FREE guide.

Modern Web Security Guide

Find out all the specifics about web threats by downloading our FREE Field Guide to Modern Web Security.