How To Setup CloudFlare Free CDN In WordPress 2019

Hello everyone, today I’m going to talk about How To Setup Cloudflare Free CDN In WordPress. In addition to that, we will also talk about how Cloudflare CDN works. Moreover, we will even get down to the details of how to setup Cloudflare CDN effectively.

If you are reading this article im assuming you understand the importance of adding a CDN service to your website. However, if you are not exactly clear on what are CDNS’s, allow me to briefly cover this before we move on to the more practical part of this article.

What Is a CDN Service?

first of all, CDN stands for Content delivery network. Let’s take a look at a quote from the official CDN term on WIKI:

A content delivery network or content distribution network (CDN) is a geographically distributed network of proxy servers and their data centers. The goal is to provide high availability and high performance by distributing the service spatially relative to end-users.

It’s really simple, let’s break it down. When a user accesses your website his browser needs to download all the content of the page and all the assets(images, HTML, CSS, SCRIPTS, etc). The loading of these assets is adding to the loading times of the website. Naturally, of course, it only makes sense. In this case, if your website is located and hosted in the USA, a user from let’s say, ASIA will experience bigger loading times. This is due to the fact he is just geographically far from the server location. Resulting in slower asset download speeds and ultimately slower TTFB. In other words, making your website slower for users.

How does Cloudflare CDN work?

Simply put, a CDN allows us to overcome this problem by adding its extra layer which handles the distribution of assets automatically to each user depending on his/her geographic location. In short, making your asset distribution faster.

Meaning, it loads your website assets from the closest data center to that unique user. This is contrary to the standard approach when you are limited to one location, due to the fact it’s your server host that does the delivery of assets, and your host doesn’t have a multi-network of servers to load assets from.

If you ask me, it’s a great solution and you simply must integrate a CDN with your website. Now that we know what a CDN service is, let’s talk about how to setup Cloudflare CDN.

Finally, I would like to state that there are more bonuses with using a CDN:

  • Integrated DDOS protection, In addition to an Integrated FireWall

These services are upheld and served by the provider’s proxy servers.

SIDE NOTE: This article will be using the Cloudflare CDN of course. However, keep in mind that there are quite a few other CDN services out there(For instance, MaxCDN). My personal preference is Cloudflare. In my opinion its the most solid one.

How To Setup CloudFlare Free CDN In WordPress

Before we get started, here’s a shortlist of things we need:

  • Active Cloudflare CDN Account. Register Here.
  • a WordPress website. If you didn’t install your website yet, well, go ahead and do that and then come back. You will need a live website to integrate it to.

Now be advised, Cloudflare also has paid plans with extra features. We will be using the FREE plan. There are a few integration methods.

CloudFlare Cpanel Auto Installation

The easiest one. Some popular hosting providers (like SiteGroud) have a built-in integration to Cloudflare CDN. All you have to do is access your Cpanel account, go to Cloudflare CDN menu item and install it. Take a look at the screenshots below for a better view:

(You will be prompted to input an email for the account creation on Cloudflare)

how to use cloudflare cdn wordpress

how does cloudflare cdn work

That’s basically it, a CDN is active and working. Easy right? Now let’s move on to the second method for those of us who dont have an auto integration.

How To Setup Cloudflare CDN

First of all, we have to create an account with Cloudflare. if we dont have one we can do it here. For the learning process, I will do it now live with screenshots.


How To Setup CloudFlare CDN

We register an account with Cloudflare.

2. We Add our Website’s URL

How to use cloudflare cdn in wordpress

I now add my website. Type in your address in the format the image shows.

3. Choose a Plan – FREE


As mentioned above, we will use the free version which is nice, moving on.

4.Cloudflare DNS Configuration


Now, this part is a bit tricky. However, dont worry, I will explain.

Cloudflare fetches your DNS servers automatically by the domain you provided in the second stage of registration. The representation that the image shows you is the DNS data of your domain’s name servers. It’s very important that which is displayed in that data table will be accurate and true. Cloud flare needs it for configuration and in order for things to work properly. Moreover, in 99.9% of the times the data there will be accurate and you won’t have to manually edit it. Despite that, if you see the data is inaccurate, edit it manually with the right name servers of your domain.

After you made sure the data is correct you continue to the next stage.



In the final stage, in order to finalize the process, you have to take the name servers Cloudflare provided and edit your domain’s name server to the ones provided by Cloudflare.

After you did it, you can go ahead and click the CHECK NAME SERVERS button at the bottom of the page to see if everything is working as it should.

That’s it! You now have an active CDN service, congrats! It was pretty simple, right?

BONUS METHOD: If you can’t do any of the methods above but you have WP Rocket, it can be achieved via WP Rocket. Read about it here: WP Rocket With Cloudflare

Final Words About How To Setup CloudFlare Free CDN In WordPress

To sum up, I really hope you found this article helpful. I tried to represent the subject in the shortest and effective way. However, if something is unclear or you have questions, Fell free to post them in the comment section below.

Leave a Reply

Your email address will not be published. Required fields are marked *