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

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

Admin Globaldots
09.01.2014
image 3 Min read

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.

 

Learn More

What is FinOps? The Complete Guide
Cloud Cost Optimization
Admin Globaldots 31.05.23

While cloud-computing supports immense innovation – providing limitless resources in the pursuit of greater output and agility – public cloud end-user spending is projected to reach a staggering $600 billion this year. Hyperscale cloud vendors remain driving forces behind this growth, having proven their salt as highly strategic launchpads for digital transformation. The competition for […]

Read more
Cloud Cost Optimization: A Strategic Approach to Business Expansion
Cloud Cost Optimization
Admin Globaldots 18.05.23

FinOps is a strategic framework designed to manage and optimize cloud costs effectively. It’s a transformative approach that brings financial accountability to the forefront of the variable spend model of cloud computing. This model allows businesses to gain a firm grip on their cloud expenses, ensuring that every dollar spent is accounted for and utilized […]

Read more
AWS Data Transfer Cost Optimization: Everything You Need to Know
Cloud Cost Optimization
Admin Globaldots 17.05.23

While AWS services provide a wealth of mission-critical services – storing over 2.2 trillion objects in S3 – many organizations are left floundering in the solution’s complex pricing structures. Spanning transfer types and geographies, data transfer costs can be hugely unpredictable and rapidly get out of hand.  Below, we leverage decades of industry experience to […]

Read more
Unlock Your Cloud Potential
Schedule a call with our experts. Discover new technology and get recommendations to improve your performance.
Book a Demo