The Process of Page Size Optimization

Photo by Ben Kolde on Unsplash

The first factor that people pay attention to when starting up a website is how fast it runs. Therefore, it is crucial to make your site a fast-running page. Fortunately for you, there are many ways to improve page speed and reduce lengthy load times.

One way to improve this is by testing the speed of your website, or in other words, measuring your current site’s performance. This can be accomplished by using a speed testing tool that will ping your website to other users around the world. Through this, the users can give you feedback and you can get an idea of how fast your site is loading for them.

Believe it or not, page size can make a major difference to the overall page speed. Make sure that when you trying to reduce the page size, you should consider what the different types of content are, what it’s size is, and how the content is delivered.

CSS and JS are lines and lines of code that can add to the loading time of a page. Through minification, you can remove unwanted characters or lines (such as comments or white space) from the script and CSS files. This would make your page file smaller and it would be able to download it faster, thus optimizing your web page.

Grid compression is important to consider as well. It is crucial to enable Gzip compression because it cuts down the size of the requested resource by an estimated percentage of 90.

As we all know, images are an essential part to most web pages but they also take up to 64% of the total page size. As another form of page size optimization, image compression can do so without compromising the quality of the image itself.

Web fonts are also known to take up too much space, but when you’re a graphic designer in need of a good custom font only located on the web, you cave in and download it. However, you end up regretting that decision because now your file isn’t supported by some browsers all due to using that font. Now, in order to support it, you need to download an external resource along with CSS and other scripts, which will only increase your page size. So, take the advice and know that it is best to host your custom fonts locally or make sure that the page should prefetch the resource.

References:

Web Performance 101: Page Size Optimization – Performance Optimization

Web Performance 101: Page Size Optimization – DZone Performance