How To Set Up Amazon Cloudfront With Wordpress

Using Amazon CloudFront to speed up your WordPress Site

Amazon CloudFront every bit CDN for WordPress

Later on developing many WordPress sites, one thing that I noticed was Wordpress sites can be actually deadening, if your site is a really big one that includes lot JavaScript files, CSS files and of class a lot of images and videos. Doing research about how to fix this annoying issue, I got to know the concept of using a CDN (Content Delivery Network) for WordPress sites. Aye, it worked for me.

What is a CDN (Content Delivery Network)?

Just a content commitment network is a group of distributed servers that work together to provide faster commitment of web content such as spider web pages, images, and videoes, etc. The distributed group of servers tin can be located in different geographical locations. The use of CDN services grows twenty-four hours by day and the majority of web traffic is served through various CDN services, including traffic from major sites such as Facebook, Netflix, and Amazon.

At that place are different types of CDN services bachelor in the market such as Cloudflare, Fastly, MetaCDN and Amazon CloudFront, etc.

What is Amazon CloudFront?

Amazon Cloudfront is the CDN service served by Amazon Web Services. There were a few reasons that I chose Amazon CloudFront equally my CDN service. One reason was Amazon CloudFront CDN service's toll was very depression compared with other CDN services. And the other reason was, There are 39 Edge locations bachelor with the AWS deject platform. Therefore, information technology tin can be considered as a huge coverage around the globe also definitely a plus point to choose CloudFront Service as the CDN. I hope that this information is sufficient to get an thought about what is a CDN and why nosotros use a CDN for a website to serve our images, videos, etc. Let's kickoff configuring the CDN with Amazon CloudFront.

Note: In guild to use the Amazon CloudFront service yous should take an AWS account and y'all should be the admin of a WordPress Site. (Kindly advises to backup your website earlier starting the configuration every bit a safety mensurate.)

Setting upward the CDN in Amazon CloudFront

The method we are going to apply is chosen the origin pull. In this method, we ask our CloudFront CDN to get the files directly from our site as the CDN needs them to serve the web clients. The advantage of this method is that you never demand to upload the files to Amazon each time yous create a new post.

Log in to your Amazon Web Services business relationship and go to the CloudFront console.

2. Select web every bit the delivery method for your content and select Get Started button.

Selecting the delivery method for the content

3. Provide correct details such as your origin domain proper noun, origin path, etc.

Configuring the Amazon CloudFront Settings

Note: Depending on the protocol your website uses. It can be HTTP or HTTPS. mine uses the HTTP protocol. Other settings tin can be used with the default values. Ane other thing yous need to modify is the price class. You tin can apply Use All Edge Locations (The 1 I recommend) but if you lot're confident that your website is just used by a specific region you lot can select 1 pick from other available options.

Annotation: You can choose a S3 bucket for logging. For this tutorial, I will non be using a S3 bucket for logging.

Finally, you can select the create distribution button and create the CloudFront Distribution. Information technology might take several minutes to deploy the CloudFront Distribution.

four. Now you need to configure your WordPress site to fetch all the static content files from the Amazon CloudFront CDN.

For this, you need to install the CDN Enabler plugin. There are a number of different plugins available to download for the same task. You can choose whatever plugin out of them.
Subsequently installing the plugin, → hover to settings in the left side pane of WordPress admin → select the CDN Enabler Option.

Copy the CDN URL from the Amazon CloudFront Distribution.

Then use the copied CDN URL in the CDN Enabler Plugin settings folio.

Now you've completed configuring a CDN for your WordPress Site! Congratulations :)

Follow usa on Twitter 🐦 and Facebook 👥 and Instagram 📷 and join our Facebook and Linkedin Groups 💬.

To join our customs Slack team chat 🗣️ read our weekly Faun topics 🗞️, and connect with the community 📣 click here⬇

If this mail was helpful, please click the clap 👏 button below a few times to evidence your support for the author! ⬇