You want to set up a CDN on the WordPress website, but don’t you know about Max CDN? Do you like Amazon Web services? This tutorial accurately describes how to set up Amazon cloudfront using the W3 total cache and WP super cache plug-ins. Using CDN is a good way to reduce the loading speed of WordPress sites around the world. Cloudfront is one of the cheapest and best universal options. Before starting one of the two plug-ins, you must register an AWS account and create a cloudfront deployment. The
1. the first thing to do to register AWS is to register the Amazon Web service account. Just go to their website to register for an account. The process is completely simple, almost the same as that of other online subscription online charging services. The advantage is that if you join for the first time, you can enjoy free services including cloudfront for up to one year. For large sites, it may run out quickly, but for small sites, it may last for a year. 2. after subscribing to cloudfront deployment settings, log in to the \
Now click create distribution. It is time to click the start button in the web section instead of the RTMP section. RTMP is designed to create CDNs for streaming media. All you need to do here is to enter the URL of the website. Then, cloudfront will automatically save the files in the site to the CDN at the first request. By default, if you do not want the URL of the file to look cool, then this is all the settings required for cloudfront deployment. If you want to add CNAME to make the URL of the file provided by CDN look more beautiful, you can do so. But it must also be set in the DNS dashboard or server panel (such as cPanel). The
Now let’s take a look at how cloudfront can easily integrate with the word press plug-in W3 total cache. There are two ways. The first method uses the general mirroring function, which is very simple to set. The second option uses w3tc’s custom settings for cloudfront. The settings are more refined and take longer. 3. if the cloudfront settings (method 1) plug-in is not installed with W3 total cache, the first thing to do is to go to the general settings of w3tc. Select general mirroring and save all settings. The
Now go back to the AWS console to view the cloudfront deployment. Copy the full domain name of the distribution. Now go back to the w3tc settings in the WordPress Management Dashboard. This time, especially for the CDN, just copy and paste the distribution URL and save the settings. After refreshing the website, you can now see the browser importing files from CDN. Open the image in the new tab and ensure that the URL displays the image provided for the CDN to ensure that it works properly. This is a quick and easy way to set up cloudfront with w3tc. To perform in the recommended manner, Iam credentials must be set on AWS. The
Just as the 3.5 w3tc setting cloudfront (method \2) mentioned earlier, there are many ways to set AWS CF using w3tc. The second method uses AWS Iam credentials to communicate between AWS and sites through APIs. In this way, compared with importing CF only when the website first requests a file, the file is added to cloudfront when it is uploaded or updated. If you want to work harder and set it up properly, this method
Very good. \
When you get there, click create user. Now you need to create appropriate policies for new Iam users. You can do this using the AWS policy builder. If you want users to have access only to cloudfront, and only to access and modify existing deployments. Then enter. If there is no problem granting full access to cloudfront using credentials, there is actually no need to create a new policy. Users can use existing cloudfrontfullaccess policies. The
If you need to customize the policy, please complete the creation and create a new policy named cloudfront user or another name. Now view the policy summary, search and select the policy, and then click attachment. Male then simply connect the policy to the generated user. User credentials can now be imported and used with w3tc. Return to WP dashboard and go to w3tc general settings. Scroll down to CDN and select Amazon cloudfront. Now go to the specific CDN settings and enter the access and private key of the previously created Iam user. In this way, w3tc can access cloudfront deployment through API. The
Now it is cloudfront. Simply copy the paste to the first part of the distribution URL located in front of net. We also set cloudfront to w3tc in the recommended way. 3. (alternative plug-in) if you like to use the wpsuper cache plug-in in the WordPress project of cloudfront settings, please don’t be afraid. The selected plug-in can easily implement cloudfront. After installing WP super cache, just go to WP super cache settings, copy and paste it into the cloudfront distribution URL. Then activate the CDN and save the settings. The
After refreshing the page, you will see that the site gets some content from the CDN instead of the normal server. You can confirm this by opening the image again in the new tab and then looking at the URL. In this tutorial, setting it to WP super cache may seem much easier, but with w3tc, setting it to normal image is a step longer. The difference is that w3tc also supports the integration method using AWS API, which is more flexible than simply adding it as a mirror and letting cloudfront perform its own operations. The
Conclusion setting up CDN is one of the greatest achievements in improving the loading speed of websites. If there are many visitors around the world, you can delay the whole loading time for a few seconds, so that those who are far away from the normal server. Therefore, it may sound complicated at first, but by default, the WordPress site owner must follow this step and set cloudfront as the site’s CDN. If you have not joined AWS, it will be provided for free in the first year (if there are a large number of visitors to the site, it may not last for a year). Successfully set cloudfront using w3tc or WP super cache? Please tell me your opinion.
