Explore the Main Components that Affect the Web Page Size
Table of contents
- Rapid Increasing Of Web Page Size
- Why Does This Happen?
- What Is The Situation With Mobile Devices?
Web page size is important! It’s not about the design or subject matter of the website, but much simpler – it all depends on the size of the monitor screen of website visitors. If the website is not optimized for each monitor size, it creates an automatic annoyance for the user and thus, it is very important to make your website convenient to view from any device, from a huge monitor to the screen of a small mobile phone.
Rapid Increasing Of Web Page Size
The first web page appeared in 1990. Adding all sorts of fonts, images, videos and CSS/JS files to the websites and with years of tech development, the sizes of pages have significantly increased. In 2010, the average web page size was 702kb and in 2017 it was 3422kb, according to information provided by httparchive.org.
Why Does This Happen?
This can be explained by a number of factors that all make a significant contribution to the increase in page size. Below you can find the key ones.
Thus it is an effective tool that provides designers with the following possibilities and features:
- Adding or removing tags;
- Changing page styles;
- Web-based games;
- Information about user’s activity on the page;
- Making changes to the code;
- Animation of a web page.
Images are the primary reason for the increase in page size these past 7 years. Over the years, imagery has become more frequent and it is one of the main things used to attract users attention. People rarely find an article interesting to read without images and nobody is going to buy an item without seeing an example of how it looks. There are however solutions to the image size issue. Services like Optimus, Imagify etc. allow for the compression of the image size but it keeps the same high quality which makes an influence on website dimension. In addition, WebP and FLIF formats aim to reduce the image size further and thus help decrease web page sizes.
How can a font affect the speed of a web page? Just like images, the quality of fonts have been improving all this time, and there are now millions of varieties available to create your own style. About 57% of sites are using custom fonts now. In 2017 an average site’s fonts took up about 113kb of space, when in 2010, this number was only 2kb. The font is very important for personal branding. Since it has an impact on the page size you need to choose a font that will not only fit the style of your site and brand, but also load quickly.
The use of videos on web sites have also increasingly grown over the years. Videos are often used to attract the audience’s attention, for product presentation, and as an effective SEO tool. However, high-quality video really affects the site’s size. Over the past six years, the size of an average video has grown to 174kb and although it still only takes up roughly 7.7% of the total website size, it will soon become a bigger issue unless video compression gets better.
In the modern world, ads have become more complex. They are no longer made from only plain text. In order to get the most attention, social media managers usually add photos, animations or even videos to their advertising and naturally, this increases the size and loading time of a web site. How do you avoid this? To solve this problem the user can use an Ad Blocker that can help reduce the visibility of the ads (your browser will not load them) and therefore, the loading speed should increase by several times.
In accordance with the nytimes.com article, boston.com and other similar news sites it takes about 33 seconds for loading 16.3MB without an ad blocker, while the use of an ad blocker greatly shortens the loading time to 7 seconds and decreases the weight to 3.5MB. This is especially effective on mobile devices or tablets.
You need to monitor the ads on the site to see how they affect the speed. Regulate and change ads on your web resource, so that they occupy as few bytes as possible and don’t greatly expand the page size. Or you can even completely remove the ad if you see that it slows down the site too much.
What Is The Situation With Mobile Devices?
According to statistics, people use mobile devices more often. Only in the last two years, the number of mobile device users have increased by hundreds of millions due to the reason that it is so much faster and more convenient to use phones and tablets instead of a PC or laptop.
Lukew.com has an article, which provides us with the following data:
- 3G connections are slower by 40%, and 4G connections by 12% than the average desktop connection;
- From 347 websites, about 86% delivered the same assets to all devices.
It means that page speed will suffer if it is not optimized for mobile devices. This is vital for every site! It can require sacrificing some aspects like removing an animation or a inserted video, but the page size will decrease significantly, and mobile device users will be happy with the quick loading speed and great user experience. So always test website speed!
Your site should work as quickly as possible. For this, you need to do everything possible to reduce load time for all devices: pay the most attention to images, as those tend to occupy the largest part (about 44%) of the total size. However, to match average web page sizes, all aspects (from the fonts to the ads) should be optimized, as mentioned above – this is very important not only to attract new visitors but also to keep the attention of your loyal clients and users for many years.
Get Free Website SEO Score Online
Improve your SEO rating with the best website checker
If you have heard about Google Cache but still don`t know to use it efficiently, this guide is totally for you. Here you will find a practical guide on how to view cached pages using Google Cache and
Every text on the web is created for some purpose. An effective text is the one that performs the necessary tasks. To achieve your goals, we recommend performing SEO content analysis at the several
E-commerce retailers are generally skeptical when they are told that they can double sales and traffic to their site by applying SEO best practices.
Meta robots tags are used to pass instructions to search engines on how they should index or crawl sections of a website. This article gives an overview of the different values that can be used in a
If you understand how to use schema.org, but do not dare to mark pages up because of the complexity of the process, this article is for you. There is an effective and easy-to-use alternative - the
All search engines, including Google, have problems with duplicate content. When the same content is shown at numerous locations on the internet, a search engine can’t determine which URL should be