How to speed up WordPress improve website speed

Share the post

Article table of contents

To increase the performance of wordpress, when deploying a website on the system, business owners and shop owners need to make the most of the system's cache function to help optimize the speed of the website.

We can see the comparison speed of a website when caching is enabled, namely wp-rocket and a website without cache function.

To optimize WordPress Wp-rocket, you can follow the configuration instructions below

 

To increase website speed, we need
1. Compress website + system cache
2. Optimize images, use webp instead of png or jpg

Note: when activating the cache is complete, you need to use another browser eg Edge Browser, Opera Browser to test the speed, because when the admin's speed will be the speed without cache.

1. Compress website + system cache

1.1 New update – use WP Rocket plugin (easiest way)

After activating WP – Rocket – Click on the upper menu bar, select settings:

After the activation is complete, test it with another browser, inspect and see in the code with the text below that it is successful

[email protected]

So, the most important step has been configured, note that you need to use an incognito window (no admin login) to open a new website, click as many pages as possible for the server to create the website cache. It is possible to ask many people in the company to open this check quickly, because it takes many times to open the cache to build 100%.

Additional note:
Need to turn off the server cache for wp rocket to work better. Avoid double cache

Go to Nginx settings section. Keep the proxy part. The rest is off

Go to domian's wordpress. Turn off nginx cache

2. Optimize images, use webp instead of png or jpg

 

 

The most obvious difference between WEBP and JPG is in size, because webp is optimized for the web, not for print or graphics processing. The size example is as shown below, we can easily save 1/2 space by converting jpg to webp without having to do each image manually:

For automatic image optimization, use a Plugin called WebP Express

image-7

Then go to Settings (wordpress itself)\WebP Express and select the following:

Keep most of the properties, no need to change anything, find the item named

Alter HTML? ✅

Tick Alter HTML and you're done, then scroll up and click [ Save settings and force new .htaccess rules ] (white button)

Comparison between cached and uncached
.
– Right click and select inspect
– Scroll to the bottom of the page to see

Group-2 Group-1

How to clear cache

Group-3

Picture file sent to the customer to explain the structure

 

Typical projects

Le Palmier Ho Tram

Every holiday or weekend, with only 2 hours of driving, customers can freely enjoy the seconds

HT House

Newly born in 2014, but HT House has really been cooked since 20 years ago in the minds of people

HANA Asia Serviced Office

Client: Waterina Suites Category: Hotel – Interior, Home Production team: JAYbranding HANA Asia Serviced Office (former name: Leopalace21 Vietnam) is a business

More detail...

Please let us assist you in the solution

Please input your contact