Explore the Main Components that Affect the Web Page Size

page_watches 3776 page_stars
img-border Web page size checking

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.



JavaScript was created with the idea to add interactivity to the HTML pages.
JavaScript gives HTML designers a strong but convenient programming tool. Although the majority of HTML designers have nothing to do with real programming, JavaScript simplified their job even more because it is a scripting language with very simple syntax. The first variation appeared in 1995. It was improved numerously until it reached the present form.

Thus it is an effective tool that provides designers with the following possibilities and features:

Area of this language is unlimited. Therefore, it is very important to use JavaScript for your web resource, but not forget to minimize the files to reduce the page size as much as possible to make your site user-friendly and attractive for all users.



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 the 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. 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? Same way as pictures, fonts have been improving all this time, and now there are millions of varieties to create your own style. About 57% of sites are using custom fonts now. In 2017 an average site’s fonts take about 113kb of the general dimension, when in 2010, this number was only 2kb. The font is an important thing for personal branding. However, it also has an impact on the site’s dimension and therefore, you need to choose a font that will not only fit the style of your site but also be quickly loaded.



Nowadays, a video has become a major part of many resources. Videos are used for an illustrative example, attracting the audience’s attention, product presentation, and as effective SEO tools. However, the high-quality video does affect the site’s size. Over the last six years, the dimension of an average video has grown to 174kb and although it still takes only 7.7% of a medium total website size, soon it will become another big issue.



In the modern world, the ads have become more complex. They are no longer made of only plain text. To get the most attention, usually, SMM add photos, animations or even videos to their advertisings and naturally, this increases the site’s speed of loading and dimension. How to avoid this? To solve this problem a person can use the Ad Blocker that can help to reduce the visibility of the ads (your browser will not load them) and therefore, the speed of loading should increase in several times.
In accordance with the nytimes.com article, boston.com and other similar news sites take about 33 seconds for loading and are 16.3MB without the ad blocker, while the use of ad blocker greatly shortens the time of loading 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 they occupy as few bytes as possible and do not greatly expand the page size or you can even completely remove the ad if it slows 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 to millions due to the reason that it is faster and much 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:

It means that page speed will suffer if it is not optimized for mobile devices. Thus, it is vital for every site! It can require sacrificing some aspects like removing the animation or inserted video but the page size will decrease significantly, and mobile device users will be happy with the quick loading and great user experience.


What Have We Come To?


Your site should work as quickly as possible. For this, you need to do everything possible to reduce boot time for all devices: pay the most attention to the image, as those occupy the largest part (about 44%) of the total dimension. However, to match standard web pages sizes, all aspects (from the fonts to the ads) should be optimized, as mentioned above – this is very important not only to attract a new audience but also to keep the attention of your loyal clients and visitors for many years.

1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 5.00 out of 5)

Interesting now

The Beginner's Guide to Search Engine Submission

Much earlier, you had to submit a new site to search engines, but for now, you don’t have to do it anymore! Lately, search engines have advanced and got new features, that’s why you don’t need

The Beginner's Guide to Monetizing a Blog

Everyone who has started a blog should know about a opportunity to monetize it. Although it takes time to build a site that can generate money, in the end, you will admit that it was worth your

The Beginner's Guide to Increasing Blog Traffic

When you are starting a blog, the next question is how to get traffic. And the answer to this question can’t be short. To a great extent, it is about how to increase traffic to your blog as it

The Beginner's Guide to How to Become a Blogger

So, one day you decided to become a blogger and found yourself a little bit frustrated because, at first sight, it seems complicated to start a blog. Actually, it is not so hard, and all you need to

The Beginner's Guide to Lead Generation Process

Lead generation means marketing technologies that allow to generate interest of potential buyers and forcing them to request information about goods and services, leave their contact details for

The Beginner's Guide to Affiliate Marketing

When an affiliate marketer starts working in affiliate marketing, he or she usually does it just for money, attempting to run in all directions and trying everything, having no idea about possible

Show more


The password link was sent to you by email

The password changed