What is WPO



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.

There are several tools that help measure the loading speed of our website, such as PageSpeed Insights or Pingdom Tools, both free. If the analysis of the web yields negative results, the ideal is to implement the WPO strategies.

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.

It is recommended to use CDN server. A CDN is a set of locations that locally distribute the contents of servers and cache the necessary files according to a series of rules. This allows your website to be displayed from the server closest to the user performing the search, preventing the server from over-working and the web from loading faster.

Enable GZip compression.

With the Gzip compression of the server, a significant optimization of the transfer of resources can be achieved.

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.

Related Terms