Now we will present some hacks to speed up Page Load Time
1. Enable Gzip compression to boost page load time
Gzip is a file compression format for the website. That is, it reduces the size of the files sent by the server and the transfer time, with compression rates of up to 90% on larger files.
All current browsers support this format and process the compression automatically when the user enters a website.
You just need to make sure that the server is configured to make compressed files available when the user requests them.
Some servers do this automatically. At this link, you can test if Gzip compression is already working on your site. If not, there are several caching plugins for WordPress that allow Gzip compression.
One of them is WP Fastest Cache, which displays a simple checkbox with everything you can configure, including Gzip compression.
2. Reduce the size of images
Images have a big impact on the weight and load of a website. According to HTTP Archive, as of May 2019, they accounted for more than half of a website’s bytes.
Optimizing them, then, can be one of the first steps to improving website speed.
Let’s start by reducing the size. For this, you can use an image optimization plugin for WordPress, such as Optimus and Tinypng.
These applications reduce the kilobytes of the images (without losing quality) and remove all superfluous information that editing programs can save with the file.
They allow these actions to be performed automatically, during uploading, on the images to be included, but also on those already on the site.
3. Use the latest generation formats for images
Another important action to optimize images is to use the most up-to-date file formats, such as JPEG 2000, JPEG XR and WebP.
They tend to have better compression while maintaining quality compared to JPEG and PNG. This reduces mobile data consumption and speeds up loading.
In the Optimus and Imagify applications, automatic conversion to WebP is possible. This format is compatible with Chrome and Opera browsers and, on average, is 25-34% smaller than JPG.
4. Upload images in the size that will be used
If you are going to use an image in size 313 × 235, for example, why include it on the website in size 640 × 480?
Did you know that letting the site do this resizing via HTTP or CSS can slow down loading? Also, the image will take up more space unnecessarily, as it will be used in a smaller size.
Therefore, save the image in the dimensions that will be used on the website, thus avoiding the server wasting time with the resizing and space with an image that could be clearer.
5. Postpone the loading of off-screen images
Even images that do not appear on the screen affect the loading time of the pages, the interesting thing is that it is possible to postpone the loading as the surfer scrolls down the page, did you know that?
This means that the developer uses the deferred loading feature for images hidden on the screen. Therefore, these are only loaded in case the user reaches them with scrolling.
This feature can be configured with WordPress plugins: Lazy Load or Lazy Load by WP Rocket. Both options are very simple to use.
When a developer creates the codes for a website, it is common to include line breaks, whitespace and comments.
That information does not influence the content the user sees, but it is taking up space and can increase load time.
But you don’t have to do all this work code by code, okay? There are free apps for that, like W3 Total Cache and Autoptimize. But, even using a reliable application, it’s always important to keep a backup of your files.