Definition:
The WPO (Web Performance Optimization) consists of the use of techniques and tools aimed at improving the download speed and rendering of web pages. They are practices that lead to improve the performance of the page and that favor web positioning. This also translates into an increase in the time of visits and therefore, an increase in conversions. Since Google announced that it was a key factor in SEO positioning and with the penetration of mobile devices, special attention should be paid to this section.
How to improve loading speed
Optimize images.
Images weigh more than 50% of the entire page. It is important that the images weigh as little as possible without losing quality. There are many free online tools that allow you to reduce the weight of the images of the weblovepng.com, compressor.io. There are also plugins that automate this work such as WordPress WP Smush.
Another strategy that can be used is to load the images with the Lazy Load technique, which consists of not loading the image until the user makes the necessary scroll to reach it.
Optimize the code of the web page, minimizing and combining CSS and JS.
Trying to minimize resources through code is one of the most used companies in the WPO. Get rid of all unnecessary code and comments, whitespace, or line breaks. Compressing CSS, JS, and HTML can be easy with tools like HTML Compressor.
Server optimization.
Enable GZip compression.
Asynchronous JavaScript loading.
Asynchronous JavaScript loading ensures that the JS is the last thing to load on the page. Content takes precedence over code. Images and texts will be displayed first improving the user experience.