How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress 2020


After creating our WordPress Website, Now we have seen how to fully set up WordPress Website and

how to configure and designed your WordPress website.

Now in this article, we will see how to use Cloudflare Free CDN, Security, Performance and SSL Certificate with your WordPress website. Now there are many benefits of using Cloudflare.

You know it will improve and speed the performance of your website by minifying the CSS, javascript files. It will also improve the security of your website and the great thing is that “IT’S ABSOLUTELY FREE“.

And special if you have read the first article (How To Start A Blog) I would highly recommend you to read this article completely which is this article because you know we can improve the performance even more further and also the security of your website.

So that is basically what we are going to learn in this article and obviously as I said you earlier everything is free. We are not paying to improve the performance of our website to improve the security of our website.

We are not paying a single penny. Now if you’re new to this blog consider subscribing and share this knowledge with others, leave a comment if you have any doubt any problem throughout the article.

If you have any comments as well any suggestions for me you can leave them in the comment section below with that being said let’s get into it.

What is Cloudflare And How It Works?

Cloudflare, Inc. is a web-infrastructure and website-security company, providing content delivery network (CDN) services, DDoS protection and mitigation, Internet security, and distributed domain name server services.

Cloudflare services sit between a website visitors and the Cloudflare users hosting provider, acting as a reverse proxy for websites.

In the past days of the Internet, when you wanted to load a website, your request would go from your computer to a hosting server, after which it would return the requested webpage.

If too many requests came in at once, that server could be overwhelmed and crash, being irresponsible for anyone trying to access this resource.

This has made it difficult for Internet property owners to provide content that is fast, secure, and reliable. Cloudflare was created to alleviate these problems and empower users with the resources to make their sites, apps, and blogs secure and performing.

This is done through the use of a powerful Edge network that provides content and other services as close to you as possible, so you get information as quickly as possible.

You see, Einstein discovered some time ago that the speed of light is a high upper limit with which you can communicate.

There is only one thing you can do when it comes to content and calculations !! That’s why we have data centers in more than 200 cities around the world: so you can instantly deliver what you’re looking for!

Cloudflare also provides security by protecting Internet properties from a malicious activity like DDoS attacks, malicious bots, and other nefarious intrusions and allows website owners to easily insert applications into their websites without needing to be a developer.

Why We Need To Add A Website Into Cloudflare?

The most important purpose of using Cloudflare is to take advantage of the Content Delivery Network (CDN).

1. Cloudflare Free CDN

When a user opens your website then the request is sent to your web hosting server, where you host your website.

When your web hosting server accepts the request, your website opens and users can see its content, but if too many requests came in at once, that web hosting server could be overwhelmed and crash.

The user will receive a server error message which will adversely affect the traffic to your website also, it takes a lot of time to load your full website and this will also make a worse user experience.

Here is an example: Suppose your web hosting server located in the USA, and if any user tries to open your website from Pakistan. 

What will happen now? The Internet will send the request from Pakistan to the USA server which will take a long time.

This is one of the reasons, users think that the speed of your website is too slow, but in reality, there is no such thing as that. This is only happening because your web hosting server location is too far from the user’s location.

In that case, we need Content Network Delivery (CDN).

What CDN does Whenever a user opens our website for the first time, CDN makes a copy of the website to the server closest to the user’s location and keeps it safe for a few days.

When the user re-opens our website, it immediately loads this copy and it all happens so fast that our website loads in the blink of an eye.

Approximately 90% of web hosting companies do not provide CDN service for free and you have to pay for it.

But if you add your website on Cloudflare by using our guide steps, you will definitely use CDN absolutely free for a lifetime.

So this is the main reason that we need Cloudflare.

2. Speed Optimization

Cloudflare also provides minify CSS, JAVA and HTML files to speed up our website.

Basically, we need a good cache plugin like (W3 Total Cache, WPRocket, Fastest Cache) to minify CSS, JAVA, and HTML files to improve our website speed.

As per the certain time of period, many temporary CSS, JAVA and HTML files are created on our website. These temporary files directly affect our website speed and optimization.

So we need to minify these files to improve our website speed. We can easily do this by using free Cloudflare services.

Read this complete article and I will tell you how can we set up to minify these temp files and optimize your web site speed.

3. Security (DDoS Protection)

Cloudflare also provides free security for our website. Its security system is very strong. It monitors all kinds of activity on our website.

It also tracks the IP addresses of every user who visits your site and ensures that your site is safe from hackers.

If you think anyone tries to hack your website or your website is being hacked, you can activate the “Under Attack Mode”. It will add an extra security layer to your website.How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

If there is a security risk, it will ask for human verification.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

4. Free SSL Certificate

You also get a free SSL certificate from Cloudflare. SSL certificate is very important for our website because it shows that our website is secure and safe for users.

Every web hosting provider offers a free SSL certificate for their hosting plans, but if you have purchased your own cloud hosting server like (Google Cloud, Digital Ocean).

So, you need to install a custom SSL certificate because these cloud servers do not provide an SSL certificate.

Also, if you want to get a free SSL certificate, Cloudflare is the best choice for you.

Most people use Cloudflare to get a free SSL certificate but we will not use it for an SSL certificate. We will use it get CDN and improve the security and speed of the website.

How To Integrate A Website With Cloudflare?

Now the first thing that we have to do we have to go to the Cloudflare website. Now if you have not already signed up it is very easy.

Simply type in your email address and choose a password, click on the sign-up button and you will be signed up.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

So after sign-up, you will receive a confirmation email. Activate the account by clicking on the link in it.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

When you click on the activation link, you will redirect to the login page. Type your E-mail and Password and click on the login button. After login, you receive a message (Your email address is now verified)

Now click on the “Continue to dashboard” link.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

After reaching the dashboard, you can see + Add Site button. Click on this button to add your website to Cloudflare.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now type your website domain name without www, http://, https://. Just type yourdomain.com

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now it’s time to choose a price plan. Obviously, we will choose the free plan. Because we will get everything we need in a free plan.

So there is no need to buy a paid plan. Free is much enough.

Select the Free Plan and click on the continue button.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now it will scan your website DNS records and will show you a list of your required DNS records.

Just keep in mind that all records under Proxy Status must be Proxied. If any record is not proxied, click it to proxied it and click on the continue button.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now select the website moving method. We will select the default method because we will change our domain name servers, not transfer our domain to Cloudflare.

Domain transfer is a paid process, so there is no need to do it. Because it doesn’t matter where your domain is registered. We just need to change the domain name servers and our domain will be attached with Cloudflare.

So select the default method and click on continue with default button to proceed next step.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now its time to change Name Servers. In the next section, Cloudflare gives you two name servers and you have to replace these name servers to your domain existing name servers.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

To change domain name servers, Goto your domain provider website like (Godaddy, Namecheap). Login with your account and open domain setting page.

As per Namecheap click on the Manage button appear on the right side of your domain name.

Here you can see the Name Server section. Select Custom DNS and type Cloudflare DNS name servers here.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

After replacing the DNS name servers, save them and wait a while for name servers to be updated.

Now go back to Cloudflare windows and click on “Done, check name servers” button.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now it will open a quick setup guide where the first option is an SSL certificate. Select “Flexible” option for SSL certificate.

Because it’s a free SSL certificate provides by Cloudflare.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now turn on “Always use HTTPS” to implement an SSL Certificate with website all posts and pages.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now turn on Auto minify to optimize and improve website speed. Tick these checkboxes and click on the Save button.

  • JavaScript
  • CSS
  • HTML

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Turn on “Brotli“. It will redirect HTTP To HTTPS fastly and quickly load your website pages.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now the quick setup is complete. Click on the Finish button to complete a quick setup and move to the advance setup.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

You will now be taken to the Cloudflare dashboard where you will receive a confirmation message “Greate news! Cloudflare is now protecting your site“.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

That means your website successfully integrated with Cloudflare. Now try to open your website in private browsing and check everything is working perfectly or not.

Hope! everything is working perfectly including SSL certificate and CDN. If yes now we move to the next step and connect our WordPress dashboard into Cloudflare.

To do this Open your WordPress Dashboard, Go to Plugin in the left navigation bar and click Add New.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now search Cloudflare in the Plugin search bar and install Cloudflare Plugin. As you can see below snapshot.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

 

In the left navigation bar go to Settings and Click on Cloudflare.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now, First, you need to get your API key to connect Cloudflare and WordPress together. Go back to the Cloudflare dashboard and click on the “Get your API token

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

You need a global API Key. So click on the View button on the right side of the Global API Key.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

You will get your API key right now. Copy this API key and go back to the WordPress dashboard.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now, click on the Sign-in button and type your Cloudflare e-mail address and paste the Global API key and click “Save API Credentials“.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Cool! Cloudflare and WordPress Dashboard are interconnected. Now you can see your Cloudflare status directly from the WordPress Dashboard.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Now let’s move on to advanced settings and create some page rules that will make our website more secure and fast.

We can create 3 Free page rules and it’s enough for us. So now go to the Cloudflare dashboard and click on Page Rules and Create Page Rule.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Create your page rules in the same way as the setting in the screenshot below.

Page Rule # 1

  1. Type your website URL http://*newageblogging.com/*preview=true*
  2. Browser Integrity Check  = ON
  3. Browser Cache TTL = 30 Minuts
  4. Always Online  = OFF
  5. Security Level = High
  6. Cache Level = Bypass
  7. Disable Apps
  8. Disable Performance

Add these strings and click on save button.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Page Rule # 2

  1. https://*www.newageblogging.com/wp-admin/*
  2. Browser Integrity Check = ON
  3. Browser Cache TTL = 30 Minutes
  4. Always Online = OFF
  5. Security Level = High
  6. Cache Level = Bypass
  7. Disable Apps
  8. Disable Performance

Add these string into Page Rule # 2 and click Save Button.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

 

Page Rule # 3

  1. http://*www.newageblogging.com/*
  2. Browser Cache TTL = a day
  3. Cache Level = Cache Everything

Add these strings in Page Rule # 3 and click on the save button.

How To Setup Cloudflare Free CDN And Free SSL Certificate On WordPress

Good! now you have fully integrated your website with Cloudflare and now your website has CDN, DDoS protection, optimized, and SSL Certificate as well.

I hope you understand everything I have said in this article. I shared with you what was the best setting in my opinion. However, if I have written something wrong, you can tell in the comments section.

Also, if you have a problem somewhere or you want to ask a question, you can ask in the comments section.

If you like or this is helpful for you, share it with your friends and social media to spread this knowledge. Thanks


Leave a Comment