Web Page Size Checker - Check Your Web Page Size for Best Performance!
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.
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 web page size is important
If you ask yourself about the proper dimension of your website, you are on the right way. In reality, the width of the page is a key factor in website design. If you decided to choose the width that is larger than the user’s screen resolution, soon you will notice that the website doesn’t fully fit in the browser, and a horizontal scroll bar will appear. As a result, the user might not see some of the necessary information or will be uncomfortable working with your project. The result will be one – reduction of behavioral factors.
Why web page size is important
Reducing web page size
- 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 user’s 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 a lot of tools 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 including rel=”noopener” target=”_blank”>efficiently images encoding 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 has 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. Fortunately, there is a solution if you are sure that custom fonts are important for the design of your website: creating a WOFF2 file.
How many fonts is too many fonts? The rule of thumb is that three’s a crowd and it’s best to stick with two.
What is more, enabling text compression can help to reduce the page size.
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. Simply embed the iframe code from YouTube, Vimeo, and Amazon CloudFront, if you want your site to load quickly. Use the power of these internet video powerhouses. It’s their job and they do it well.
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. 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.
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.