How to setup Cloudflare CDN with Blogger website for Free [2021]

Do you want to set up a free Cloudflare CDN to your Blogger website? Follow the below steps carefully and enjoy a faster website.

 Do you want to set up a free Cloudflare CDN to your Blogger website? Follow the below steps carefully and enjoy a faster website.

How to setup Cloudflare CDN with Blogger website for Free

Before proceeding further you should know what is Cloudflare CDN, how it works, and how it helps you increase your Blogger website speed. 

Table of Contents

What is Cloudflare CDN?

Cloudflare is a free CDN (Content Delivery Network) service, provider which helps you increase your site speed and save bandwidth by creating multiple copies of your website and distributed them across the globe. 

That's why people accessing your website far from your server can easily download the required file to access your website from the nearest Cloudflare servers available. In this way, it will greatly improve your server response time and your website load faster across the globe. 

There are other CDN providers are available just like Cloudflare but they are mostly paid and don't have any free plan. That's why in this article I will show you how you can connect your Blogger website with Cloudflare CDN and set up the basic settings to improve loading time. 

If your Blogger website is running slow then you should check out our article on How to speedup a blogger website in 15 simple ways

Steps to Setup Cloudflare CDN with Blogger

1. Create an Account on Cloudflare

Go to the Cloudflare website and click on the signup button and create a free account. Here type your Email address and add a strong password including character, symbol, and number. 

2. Enter your domain name 

Here you have to add your domain name/ website address without www (like Example.com) and click on add site.

Enter your domain name on cloudflare

3. Choose your Plan

Now Cloudflare will ask you to choose a plan. You can choose the free plan or the pro plan ($20 per month) and click on continue. 

In the free plan, you will get some basic features like Global CDN, Free SSL, DDoS attack protection, etc which is more than sufficient for Blogger. 

Choose your Plan on cloudflare
In the pro version, you will get the enhanced firewall protection, image optimization, cache analytics, mobile optimizations, and more. 

4. Setup DNS record 

Here Cloudflare will automatically add the required DNS settings of your website from your domain name registrar like GoDaddy and show you in the Cloudflare dashboard. Then click on the continue button. 

Setup DNS record of your blogger website on cloudflare

5. Change your default Nameserver 

After clicking on continue you will see a new window asking you to change your nameserver. 

change cloudflare DNS

Now login to your domain name service provider (Here Godaddy)  account and go to the DNS setting. Here you have to remove your default nameserver and add the Cloudflare provided nameserver on it. 

As shown in the below image you have to chose the option called "I'll use my own Nameserver" and paste the Cloudflare provided nameserver. 

Nameserver change in Godaddy

Now your domain provider may take some time to propagate the nameserver to Cloudflare. It may take an hour or in some cases maximum of 24 hours to fully transfer the name server. 

Don't worry Cloudflare will send you a confirmation email after the successful nameserver transfer. 

Now click on the done check nameserver button on Cloudflare. 

 5. Setup basic Cloudflare setting 

After proceeding with the above step Cloudflare ask you to run some basic settings given below. 

Setup basic Cloudflare setting for your blogger website
  • Automatic HTTPS Rewrites
  • Always use HTTPS
  • Auto minify (HTML, CSS & Javascript)
  • Brotli (same as Gzip compression) 

Turn them on and sometimes Cloudflare may create an SSL Handshake Failure Error while selecting the HTTPS option in Cloudflare. If this happened in your case turn off the HTTPS redirect option in the Blogger settings. 

Go to the SSL section of Cloudflare and check if it is set to Full or not. If you don't face any problem then you can skip this option. 

You can also check the detailed Guide on How to fix SSL errors in Cloudflare with Blogger & Wordpress. Just follow the methods given in this article. 

6. Enable Browser cache In Blogger

You can easily enable the browser cache for your Blogger website in Cloudflare and change the duration of this cache in the user's browser. 

For this Go to caching > Configuration > Browser cache TTL and you can set this duration to more than 24 days. 

Enable Browser cache In Blogger

Now all the basic settings are done. Now wait for the nameserver to propagate successfully and Your website is ready to take the benefit of CDN service. 

Video Guide

In this way, You can easily connect your Blogger website with Cloudflare CDN. If you face any problem during this process you can ask me in the comment section or contact me on Telegram

Conclusion

Cloudflare is a great way to improve page loading speed in Blogger and it is very easy to connect your Blogger website with Cloudflare for free. It also protects your website from bot attacks and DDoS attacks. 

Which features of Cloudflare do you like the most? let me know in the comment section. Also, if you want me to improve your website speed in Blogger or Wordpress you can hire me on Fiverr or Upwork platform.