Answer Lib

WordPress acceleration and optimization [2024] flying over from 11 seconds to 1 second

by

answerlib
in

WordPress acceleration and optimization It is important to directly affect Google ranking and user experience.The loading speed of more than 1.2 seconds will make your website unattendedAt the same time, in the search engine ranking (SEO) will also be in an unfavorable position.

Systematic WordPress acceleration and optimization Methods, we will currently visit the blog you currently visited American Life Guide From the original 11.3 seconds Accelerate 1.1 second(LCP).

There are many factors that affect the loading speed of the webpage.The most important of which is the host of the website.The high-quality host provides a faster loading speed.However, high-quality hosts are often expensive.

Here, we recommend a management virtual host SitGround, Absolutely the perfect combination of performance and price.What you are currently visiting is using Siteground Gogeek Host.

We use network speed detection tools Gtmetrix Detection of the speed of the website.Below is the comparison of various data before and optimized the current blog website::

Google updated the measurement standard of the website speed in 2020, and mainly proposed two final concepts:

  • LCP: It is the abbreviation of Larget Content Element, which refers to the time required to see the full website content that the website visits first.This LCP is best within 1.2 seconds To get the best visitor experience.Accelerate through the system website, the LCP of this site is 1.1 seconds;
  • CLS: It is the abbreviation of Cumulative Layout Shift.It measures the stability of the website content display.It refers to whether the website structure and the webpage after the website are completely loaded when the website is loaded.This CLS refers to the best within 0.1 To get the best visitor experience.Through the system’s website acceleration method, the CLS of this site is 0;

in conclusion:

  • Before WordPress acceleration and optimization, the full loading speed of the website exceeded 11 seconds, and the two score indicators were around 50 points.
  • After using the system optimization method, the current LCP of the website has been close to 1 second, the CLS is 0, the website speed rating is “A”, and both Performance and Structure More than 90 Essence

We are making WordPress acceleration and optimization video course If you want to accelerate and optimize the way step by step, please use the mailbox to register.We will send you the curriculum link and the 70%discount code to you:

1.The necessity of wordpress acceleration and optimization

You can know from your own experience that if the webpage loading speed is too slow, you will close this page soon.Below, we listed the necessity of several WordPress speed optimization.If your WordPress website is slow, then

  • The experience of the website visitors will be very poor, and the webpage will be closed soon;
  • Due to the premature closure of the webpage of the website, the “Boundce Rate” of the website is too high.Boundce Rate refers to the proportion of the number of people who just click on the webpage to the total number of people access to the website.The higher the value, it means that the number of people will be closed soon.
  • Due to the slow loading speed of the webpage, the ranking of search engines such as Google and Bing will be lowered.

Therefore, WordPress acceleration is a must-have for each website writing personnel and managers.

How to perform effective wordpress acceleration?

Below, we will analyze all the details of WordPress virtual hosting, including the optimization of WordPress virtual hosting, acceleration of cache technology, CND acceleration and other key technologies such as WordPress virtual host.

2.WordPress speed detection tool

The two most famous website speed detection tools are: GTMETRX and Pingdom EssenceBoth the two online tools can detect the loading speed and various operating indicators of the website, including the size of the web file and the number of websites sending requests.

Here is a sentence of Peter Drucker,

You can n’t manage what you can n’t meet

Peter dracker

Therefore, the speed measurement of the website is essential for the acceleration and optimization of the website.Please watch the video below to understand how to use the speed and various indicators of the GTMETRIX and PingDom test website.

The two website speed analysis charts at the beginning of the article are obtained using GTMETRIX.Here, we use pingdom to detect our blog website again American Life Guide And the various indicators of Amazon’s main station (www.amazon.com), as shown below:

[American Life Guide] The speed measurement result in pingdom

The speed measurement result of Amazon’s main stand in pingdom

You can see that our blog website Baya Amazon also obtained a better evaluation score.It seems that the acceleration method we use is obvious.

You can use it now GTMETRX and Pingdom For speed detection of your website, you can publish the results of the test at the end of the article “Leave A REPly” to share with you.If you have any problems, we will also help you analyze.

If your website is open for more than 2 seconds, or the PageSpeed and YSLOW scores of the website are below 80 points, then you really need to be accelerated and optimized for your website.

Please follow the following steps to complete the WordPress acceleration process:

3.Select high-speed host (#1 influencing factor)

The speed of the website virtual host directly determines the overall speed and performance of the website Essence

The virtual hosts you often hear in advertisements, such as Bluehost, Hostgator, etc.Endurance Internetal Group& nbsp; (referred to as EIG) The subsidiary of the company, the cheap price is mainly because there are many people on each host, and the host updates are slow, so it is conceivable that the speed must not be fast.

Here, we strongly recommend that you use the Manager WordPress hosting (Managed WordPress Hosting).As long as the simplest settings are performed, the best operating effect and host response speed can be achieved.In a word, the management host has optimized configuration for users and managed it.Then the user does not need too much management to achieve the highest quality website acceleration effect.

The management virtual host we recommend is famous Siteground host Based on the advantages of price and speed, it is far ahead of the most popular virtual hosting votes of multiple Fackbook.

Provided by Siteground Management WordPress host There are three types below: Startup, Growbig, Gogeek,The preferential price used for the first time is$ 6.99/month,$ 9.99/moon,,$ 14.99/Month, if you subscribe for three years of services, you can enjoy a three-year preferential price.

Siteground price table

We recommend choosing Growbig or Gogeek: For the second option GROWBIG, you can have a 20GB hard disk space and support the number of views of 25 people per month; for the third option Gogeek, you can have 30GB of hard disk and support 100,000 per monthViews.In fact, the most important thing is the following three points:

  • The host used by Growbig and Gogeek limits the number of people in each host, thereby maintaining the best-quality hosting speed (Responsive Time);
  • Growbig and Gogeek automatically equipped the website acceleration tool SG Optimizer.From three aspects, the host speed is optimized.You can cache the content of the website and greatly accelerate the opening of the website.You no longer need to install W3 Total Cache or WP Super Cache and other payment.WordPress plug-in; at the same time, you can add HTTPS to the current website to obtain security website vouchers; you can also easily update the PHP version of the current website to ensure the highest version of the host, because the version of the PHP greatly affects the operation of the website’s operationspeed;
  • Growbig and Gogeek provide free website migration services.If you are currently using other virtual host suppliers, you can move the entire website to the Siteground host for free.

The blog you visited at present [American Life Guide] has been moved to Siteground host You can clearly see the improvement of the operation effect of the entire website.You can upgrade immediately, or wait for the content of the website to complete the content, and then migrate the website to the siteground host at one time.The migration of the entire website is free.

4.Use WP Rocket

Wp rocket Can increase the speed of the website from multiple aspects, while increasing various important indicators in GTMETRIX, increase the speed of the website from multiple aspects, including cache website content, optimizing the webpage CSS and JavaScript script, optimizing video and picture loading methods, adopt pre-load loadingAccelerate and optimize web databases, and can be seamlessly connected to Content Delivery Network (CND) and Cloudflare.

WP Rocket is a paid plug-in, please buy and download Wp rocket, Then check what we wrote[WP Rocket Full Use Tutorial], Detailed to understand how to set WP Rocket to optimize the speed of the website.At the same time, WP Rocket can be mentioned with the two acceleration tools that will be mentioned later ( Maxcdn and Cloudflare) Seamless integration.The following is the setting page of the WP Rocket used by the current blog.

5.Use CDN to accelerate

CDN is the abbreviation of Content Delivery Network, and Chinese translation is “content distribution network”.

The basic idea is to copy the content of the website to the server in different locations in the world, so as to accelerate the loading speed of the website in the local area.For example, the server’s server is in the United States, but you hope that Chinese visitors can visit your website faster, so you can use CDN to back up the content of the website to the Chinese server, then visiting this website in China will greatly speed up.

What we recommend is called Maxcdn The content distribution of the network tool has now been integrated into the StackPath CDN.Maxcdn’s global network diagram is shown below.It can be seen that Maxcnd has distributed content distribution networks around the world.The Asian network is mainly located in Hong Kong, South Korea, Japan, Singapore, and the Philippines.

When using GTMETRIX to test your website speed, there is a YSLOW indicator called “Use A Content Delivery Network (CND)” shows the score of CDN.Before using Maxcdn, you can see in the first picture below.The score is zero.point.

However, after using Maxcdn, this item will be solved automatically.In the figure below, the score of the website reaches 100 points.It can be seen that the role of CDN for the acceleration of the website is self-evident.

Maxcdn is a paid service with a cost of $ 10 a month.The specific setting steps are as follows:

5.1 Create Maxcdn account

Log in Maxcdn account If you already have a Stackpath account, click the button in the figure below [LOG in] to log in to the Maxcdn account; if you have not registered the Stackpath free account, you can click on the figure below in the figure below Learn More About Stackpath First apply for a StackPath account for free.

As shown on the right side of the figure below, use your Email to register a free StackPath account.Here is a tip: Use Maxcdn for the first month for free.

In the “Create An Account” dialog box in the figure below, use your mailbox and password to create an account.There is no credit card information here.Finally, click the button [Create An Academ] to complete the account registration.

5.2 Add CDN service to the website

After creating a new account, you need to choose the service you buy.Here we choose the CDN service.The price is 10/month, and the first month is free.After selecting, click the button [Next] to enter the next step.

Create a CDN host for the webpage.Enter the website domain name of the CDN in the text in the figure below, and then click the button [Continue].

After that, the system will automatically detect the IP address of the website.You do not need any settings, and click the button [Continue] in the figure below.

The system will automatically allocate a CDN URL address for your website.You don’t need any operation.But please copy this URL address In the following operations, we need to use it again.Then click the button [Continue].

Congratulations, the setting of the CDN host is completed, as shown in the figure below, the status is Active.

5.3 Add CDN records to the host

The CDN URL needs to be stored in the CNAME of the website virtual host.Here you have two options: here:

  • Integrated Maxcdn in WP Rocket, please read [WP Rocket Full Use Tutorial] Understand how to integrate Maxcdn in WP Rocket;
  • Add CNAME records to the website virtual host.Let’s introduce how to add CNAME records to the website virtual host.

First log in to your website’s virtual host server.In this example, website, website www.howlifeusa.com Custody Siteground host Then here we log in to the siteground host to complete the setting of CNAME.

First log in Siteground host Enter the CPANEL control panel and find the “Advanced DNS Zone Editor” option in the figure below.

After entering, follow the name of the website in the figure below.CNAME’s effective time (default is 14400 seconds, that is, 4 hours) and the CDN URL address assigned by Maxcdn to the website before, and finally click the button [Add Record].

Congratulations, Maxcdn has completed the settings.Here we need to emphasize, if you use it Wp rocket Then you can integrate Maxcdn in WP Rocket, and you don’t need to add a CNAME record to the siteground host.Instead, you can directly enter the CDN URL directly in the CDN option in the WP Rocket settings.Show.

If you want to understand the method of integrating Maxcdn in WP Rocket, please check the blogs we wrote [WP Rocket Full Use Tutorial] Essence

After setting the CDN, you will find out in your StackPath account to see the traffic information used in CDN within the past 24 hours.You can find that the CDN has played a role, as shown in the figure below:

6.Use Cloudflare to accelerate

Cloudflare provides dual services for CDN and security, and it is completely free.The function of Cloudflare is shown in the figure below:

The above picture is taken from the cloudflare website ( Click to view English explanation.

  • In the left side of the figure, there is no website architecture of Cloudflare.Visitors and hackers can directly touch the important content of the website, and there are hidden safety hazards;
  • On the right side of the figure, there is a cloudflare website architecture.First of all, Cloudflare acts as a firewall.If hackers want to attack the website host, they will be blocked by Cloudflare.Different servers can achieve the purpose of website acceleration.

Please check the tutorial we write [Cloudflare Tutorial: Provide WordPress DNS security protection and CDN acceleration services for free], Master the first information used by Cloudflare, Cloudflare can also be seamlessly integrated into WP Rocket, click [WP Rocket Full Use Tutorial] Understand the details.

7.AMP mobile phone acceleration

AMP is the abbreviation of the Accelerated Mobile Pages project.The Chinese translation is called “Accelerating Move Page”.This is a project developed by Google’s focus on improving mobile browsing speeds.

With AMP technology web pages, the speed will be greatly increased.At the same time, when users use mobile phone search web pages, the “lightning” mark in the figure below will appear to indicate that the webpage uses AMP technology to greatly improve the ranking of the website in Google search.Essence

We use the keyword “American Genius Class 2018” to search in Google.You see the blog page we write “American Genius Class: Why are these children different?” Ranked second, there is a logo similar to lightning before the URL of the website.This sign expresses AMP technology.

You can use free wordpress plug-in “AMP for WordPress” After completing the AMP settings of the website, please follow the steps below to complete the installation and settings:

  • In the WordPress control panel, click the button of the left functional area [plugins];
  • Click the button at the top of the plug-in list [Add New];
  • Use Keywords to search for “AMP”, find the plug-in AMP for wordpress, as shown in the figure below;
  • Install and activate the plug-in AMP for wordpress;
  • There will be an additional button [AMP] in the functional area of WordPress, click to enter the settings of AMP;
  • Check the two options of posts and Pages, apply AMP to the blog page and webpage, and finally click [Save Changes] to complete the settings, as shown in the figure below.

So far, you set up the AMP of the website.When you write the blog page, you will find a “Lightning” button next to the Preview button in the functional area on the right.Results as shown below:

8.Summary

After completing all the above settings, please use GTMETRIX to re-evaluate your website speed.You will find that the speed of the website has improved.At the same time, please check the two score indicators of PageSpeed and YSLOW.The scores should be more than 90%.

If your two scores cannot reach 90%, or the detected speed is not greatly improved, you can leave us a message at the final “Leave A REPLY” at the end of the article, and we will help analyze the possible problems.

Several important steps of wordpress acceleration:

If you have any questions during the operation, please leave a message at the message area at the bottom of the article, and we will reply to you as soon as possible.

9.Summary of common questions (FAQ)

Question 1: Why is my website opened very slowly?

The biggest reason is that your website host is slow, and the host of the website is equivalent to the car’s engine.So the most effective way to improve the website speed is to upgrade your website host.

Question 2: What are the key to the acceleration of the website?

The most critical factor is the host of the website.High-quality consoles are the most important guarantee for fast websites.

Question 3: In addition to the host, what other factors affect the speed of the website?

In addition to website hosting, other factors include content distribution network (CDN), system cache (cache), AMP settings, and so on.

Question 4: How much does it cost to accelerate the website?

It only requires a small amount of extra expenditure.The additional costs mainly come from the cost of upgrading website hosts, CDN costs, and Cache plug-in costs.

10.Subscribe to exclusive technical articles

Please use the mailbox to subscribe to you below, we will send you the latest WordPress exclusive technical article!