|How-to||– 9 min read –||September 24, 2019|
How to reduce page size on your website
Video content and images that pull up the most weight to the pages have become extremely popular. It is unlikely that a visitor will like a web page with text content only. Visual content has become a must-have for any website. As a result of this, we face the problem of slow loading speed of the pages.
How to check page size online
Reasons for slow page loading
- Java Script;
Mobile Internet connection is a bit lower than it is on a computer; however, smartphones bring more traffic in some niches. Therefore, it's important to correctly configure the loading speed not only for PCs but also for mobile devices.
There are several approaches to optimizing page weight. They are usually divided into internal and external measuring. The server optimization refers to internal measuring. For instance, they increase hosting resources, optimize the volume of database server requests, analyze the effect of plugin code fragments on the overall speed, conduct server caching, etc.
These methods are effective because they fix the issue and allow you to monitor their effectiveness from the inside.
External measuring includes adjusting the settings of web fonts, CSS and JS paths, images and header caching, Gzip, and more. Such approaches solve the entire problem, specifically related to loading speed optimization. Use the methods below to reduce the page weight.
Page size optimization methods
The key drawback here is that the main source of the load is not compressed; images, video, advertising, and other files are not compressed, except the text content.
Technically, once Gzip is activated, it adds a special piece of code to the .htaccess and index.php files, which allows you to compress the data.
To enable Gzip on WordPress CMS, just download and install this plugin. You can find it in the "Add Plugins" section:
- Check and Enable GZIP compression;
- GZip Ninja Speed Compression;
- Instant Gzip Compression;
- WordPress Gzip Compression;
- Force gzip and others.
These solutions are available for most platforms, so you can download ready-made extensions directly from the CMS marketplace. Search for Gzip and install the appropriate plugin. Next, activate the plugin and configure it according to the internal instructions.
Since the compression of text content is not enough, you should compress the images as well. Check out how to do this below.
Enable browser caching
To configure browser caching, you insert a piece of code on your web resource:
- CSS files;
- multi-format images;
- archives and other stuff.
The core of this method is that this content is synchronized across different servers throughout the globe. When a user requests a page, the network determines the closest server and starts loading files. Thus, it reduces the load and balances the response rate.
The drawback is that if the file is not cached, for example, an HTML document, this leads to a delay caused by the CDN. Moreover, you should also take into account malfunctions or possible instability, like in any other system.
The website loading speed can be tested in Serpstat, and special online services such as Sitechecker helps determine the page size.
Use GZIP and CDN to optimize the page size, and also activate browser caching.
Additional ways to reduce page size are the following: removing unnecessary code components and fonts, compressing and caching images, and others.
This article is a part of Serpstat's Checklist tool
|Try Checklist now|
Learn how to get the most out of Serpstat
Want to get a personal demo, trial period or bunch of successful use cases?
Send a request and our expert will contact you ;)
Cases, lifehacks, researches and useful articles
Don’t you have time to follow the news? No worries!
Our editor Stacy will choose articles that will definitely help you with your work. Join our cozy community :)