If you like this article, go ahead and follow me on Twitter:
As of 2020, web page size is the most important factor to measure as the bigger a page is, the longer it takes to display and the faster it will be pushed down the ranks by Google. An increase in loading time leads directly to a decrease in revenue or leads for many sites.
Website visitors who experience a slow loading website are also less likely to return. Being aware of your website page size and optimizing it to the best of your ability helps ensure that your site is running smoothly on all devices.
Web Page Sizes Are Quickly Increasing
The average web page size in 2010 was around
450kb compared to
1969kb in 2020. That’s 4 times.
The average CSS size in 2010 was around
16kb compared to
64kb in 2020. That’s also 4 times.
As web pages evolve, they have seen a consistent increase in page size which has allowed them to perform greater tasks and be more visually appealing to the user, at the expense of snappiness and responsiveness.
As a result, users perceive some websites as laggy, sluggish and slow to respond to their actions. Speed indicators affected by this behaviour are:
Source: HTTP Archive – Page Weight
First Contentful Paint
The number of seconds from the time the navigation started until the page’s primary content appears on the screen went up by almost 34%.
The number of seconds from the time the navigation started until the initial HTML document has been completely loaded and parsed went up by almost 22%.
The number of seconds from the time the navigation started until the document and all of its dependent resources have finished loading went up by 5% for desktop and a whooping 392% for mobile devices.
Source: HTTP Archive – Loading Speed
Optimizing a website can be achieved in many different ways and it is important to first pinpoint website performance issues to see where you should begin. In many cases, in order to help reduce web page size, it is recommended to begin with the optimization of images and assets. Many graphic elements can be converted to font icons or SVG elements. That would reduce their size to more than 80%.
Reducing a website’s page weight by eliminating any unneeded scripts or frameworks, choosing a fast loading font (or none at all), and optimizing the delivery of images are crucial steps in increasing web page speed.
Our SpeedFactor tool allows for monitoring and tracking all these metrics and values and more and reports on their evolution on a weekly basis.