Optimize page load speed means optimize website load faster (under 3s is best) to increase user experience. Naturally, then your web will be SEO optimization, increase traffic and especially will optimize customer conversion on the web when you run ads, …
Why should we optimize website loading speed?
According to Google research, yes to 53% of users leave the site on mobile devices if it takes more than 3 seconds to load the page. According to research by Skilled, 79% of potential customers are less likely to buy Back when accessing a slow loading website.
And one more thing to note, since July 2018, Google has launched an update in which page load speed will be a factor for mobile search ranking – See more information here.
OK, got it With some of the above mentioned evidence to you to see that increasing the speed of web loading also means “Speeding up cash flow into your pocket”There.
No more rambling. The following article I will focus on detailed instructions to optimize speed up WordPress (mainly for WordPress, other sources can do some things).
Is your WordPress website loading slowly or fast?
Before optimizing the loading speed, you must know whether your web load is slow or fast! If it loads quickly, then there is no need to optimize, right?
However, are you confident that your web “loads as fast as the wind god” is not? This must be checked to know. Because, maybe you access is fast but your customers access is very slow?
These are also the tools that webmaster community often uses to check web loading speed and rely on it to optimize. They are all free tools.
The usage is very simple, enter your web URL and click test. The tool will analyze the website and give load time, scores and components that slow down the web. From there there will be suggestions for you to optimize the web.
Try to test your web load speed to see the results. Is it fast?
By the way, how fast is it? As noted above, Page load speed must be under 3s to call it good.
Please repeat, Web loading speed is under 3s as well already. And do not try to take time to achieve the score 100/100 that Google PageSpeed Insights launched. Because, there are many people who try to “pressed to achieve a score of 100/100”But in fact the web loads very slowly.
Try to make your web page load as little time as possible. Even a few milliseconds will work. There will be many differences with just those milliseconds. And the Google PageSpeed Insights score of about 80 is fine.
At this point, if your web load takes more than 3 seconds, there are many things for you to do already. Let's start optimizing slowly each of the following below.
Things to optimize to speed up WordPress load
Optimizing web loading speed to speed up WordPress to absolute level will require you to intervene deeply by techniques.
However, it will be difficult if you are a beginner to do web with WordPress.
But do not worry, if intensive technical intervention can help optimize each millisecond, optimizing the most basic problems can help you optimize for a few seconds to load the web.
So, start optimizing from the basics first to get a slow loading website up to a faster and faster load.
Note: Before starting the operations below, you should back up the entire website in case the mistake caused by an error can restore the original state to the web. How to backup you can refer to the appropriate of the 2 ways below.
OK, got it Now we will go to optimize each element from basic to advanced to reduce every millisecond of web load offline.
1. Choose quality hosting
Hosting is the first factor that needs to be mentioned if you want your WordPress website to load quickly. You can use shared hosting or VPS (knowledge: what is hosting).
Whether you choose shared hosting or VPS, the first thing is you You have to choose a reputable hosting provider. Then choose the hosting that has the right configuration and has the best server location with the majority of web visitors.
- Choose a reputable supplier: Will help your hosting ensure uptime (uptime) high, uninterrupted.
- Select hosting configuration: Depending on your web code as well as the amount of web traffic you need to choose the right hosting configuration to avoid being overloaded for hosting.
- Choose a server hosting location: This is very important, because if you choose a remote server with the user, the web loading speed will be affected quite a lot. Suggestions for you should choose a domestic provider if the amount of traffic is mainly in Vietnam, otherwise, you should choose to buy foreign hosting.
Suggestions: In my experience, if you use shared hosting, you should choose a reputable provider in the country such as AZDIGI or NCC foreign like Hawkhost, Stablehost. If using VPS, then you can choose from AZDIGI or Vultr (currently I am using Vultr's very satisfied).
2. Select the theme of speed optimization
Surely you have heard a lot of keywords such as fast loading theme, standard SEO theme or extremely light theme, … right?
These are the themes that the developers have optimized the structure for the SEO standard and are most compact for fast loading speed.
You can search Google to see there are many WordPress theme templates with all categories for you to choose from free to paid. However, if you have done web work with different types of themes, you will learn from experience that the more effects and functions the themes have, the slower the loading speed will be.
So, the experience here is to choose the theme with simple structure, standard SEO and especially must FAST LOAD.
So choose a theme provider that meets the criteria of fast, light and SEO standards?
Best personal blog, web news theme
If you buy a theme to make a personal blog or web news, choose your theme StudioPress (Genesis Framework), MythemeShop or emerging name is HappyThemes.
advertisement: I always use the SuperHero theme I developed on the Genesis Framework for my personal blog projects.
Theme made the best sales web
For web sales, the currently selected theme number 1 is the FlatSome theme followed by the Porto theme. With advantages such as a beautiful interface, easy to customize, SEO standards and fast loading, this is the best choice for you.
Introduce: Currently I am also providing the FlatShop theme – I installed and optimized it based on the FlatSome theme. In addition to inheriting the standard SEO structure, fast loading speed of FlatSome, I am also optimizing to increase the conversion of orders for the web with the most optimal Call to Action.
3. Minimize unnecessary plugins
Still know that using WordPress, you will need to install the plugin to bring the functionality to the web. However, the use of smart WordPress plugin will help the site from being more burdensome.
How to minimize the installation of heavy plugins for the web?
– Should use the famous plugin has more functions than just install a bunch of plugins each one function.
– Remove all plugins with the same use, keep only the lightest, best plugin.
– Straight up. “delete”Unnecessary plugins.
– Minimize the use of plugins like inserting a Facebook comment box with code instead of using the Facebook comment plugin. Or install Google Analytics on the web through Google Tag Manager instead of using Google Analytics plugin, …
– Delete one-time-only plugins like the WordPress Importer plugin after importing data into WordPress, the Better Search Replace plugin after use.
4. Optimize social sharing buttons
Social sharing buttons like Facebook, Twitter, … are really useful because it helps users interact like, share your posts on social networks. However, this is also a factor that greatly affects site speed.
5. Optimize images to speed up WordPress better
Writing standard SEO articles, it is indispensable for images, because images help the article to be lively and help readers have a more intuitive view of the article. But the image itself is the component that takes the most time to load the page in the site.
Optimizing images will help speed up WordPress up to 80% of page load speed. Therefore, please optimize the image to the maximum if possible. Please perform the optimization related to the image below right away.
Use appropriate image formats
The most popular image formats for the web today are JPEG and PNG. However, each format has its own advantages and disadvantages and you need to understand it to use it appropriately. Here I will briefly tell you to understand the following:
- Using JPEG: When your photos have many details, many different colors.
- Use PNG: When your photos have little detail, the colors aren't too complicated.
Typically, for the same image quality, PNG images will have a higher capacity than JPEG.
Use the optimal image size
I see many of you, when uploading images on the web, you usually do not pay attention to the image size, so the screenshots or downloads on the web are about 1200px wide and the size you keep the same but upload onto the web.
You should remember that the larger the image size, the higher the image size will be while the web display on all devices has a certain size. So sometimes large images will be redundant.
The advice is to resize or crop the image to the appropriate size before posting on the web. You can use software such as Paint, Photoshop, … to resize the image.
In my experience, to choose the right image size for your site structure, do the following:
Access your website, press F12 to open the Inspect tool. Then click the arrow as shown below and select the display area of your web content.
As you can see in the image, the width of the content display is 702px. As such, you should set the image size to a maximum width of 700px to be the best fit.
Compress images before uploading to the web
To optimize the image, it is certainly not impossible not to mention image compression. Along with an image size when you perform compression it can help reduce up to 60% of the size. That means the page loading speed will be many times faster and it also reduces the use of hosting memory.
There are many ways to compress images, you can use Photoshop to compress or compress online through the page tinypng.com or use image compression plugin for WordPress like EWWW Image Optimizer, Compress JPEG & PNG images or ShortPixel Image Optimizer.
Depending on how you can choose one method, for me, I bought the copyright of the TinyPNG plugin for Photoshop to compress on my computer first and then upload it to the web. This will meet the criteria to restrict the use of plugins for WordPress.
6. Split long articles into multiple pages (if necessary)
Tutorials or case studies are often very lengthy because we will provide useful knowledge in them. And often long posts will make it easier for SEO to top Google.
However, if your article is too long, many images that you do not break the page, then the entire load of article 1 will take a lot of time.
So, use the function to split long posts into multiple pages available in WordPress to segment articles.
The method is very simple, you use the new Gutenberg editor of WordPress to insert it Page break block in the position where you want the page break. If you are using an old text editor, switch to Text (edit HTML) and then insert the code