CloudFlare CDN: Setup Free CDN For Your WordPress Website

Recently I’ve published a post on CDN some day ago. Today, We will talk about CloudFlare.

Have you ever heard of CloudFlare CDN? Maybe You heard, maybe not.

If you don’t about CDN  then wait a minute and read this post first, Why Should You Need To Use CDN Right Now?

I started with Cloudflare from some weeks ago and I saw many improvements on my website, so I think why don’t I share with you to make you know about this great service.

Many of the beginners don’t want to know about the CDN because they think that CDN is very costly but I am going to change your wrong thinking.

Yes, you took it right. You can use CloudFlare CDN freely on your WordPress website. Yes Free, can’t believe? You have to believe because it is true.

Everyone is trying very hard to increase their website loading speed but nothing is working to do so. But with CDN, You can see that your site loads fast than before.

Must Read:

There are some more companies which are providing free CDN service, I’ll share all that at the end of the post.

If you are planning to use CDN on your WordPress website, I am highly recommending you to register for CloudFlare.

Wait a minute and watch this video:

Setting Up a CDN is not a tough task but you need to care some important steps which I will be going to share in this post.

Setup CloudFlare CDN

Before you start setting up CloudFlare, You must have a CloudFlare account. Click on the link to signup for the CloudFlare CDN.

CloudFlare Signup

For Signing up on CloudFlare, you only need to enter your Email and Password and tick on the box then finally hit on Create Account Button, that’s all you need to do.

After that, add your website to the box and scan DNS records, that will take some time to scan your DNS records.

CloudFlare

When it’s done, click on the Continue Button.

CloudFlare

You can see your DNS records on the next screen. Leave them default and click on the continue button to move on.

CloudFlare

Here you need to select a plan for your account. There are four plans, if you are a beginner can’t afford to pay for it then the first plan is especially for you, which is Free. 

If you can pay for it then go ahead and choose a plan which can fulfill your need. and click on Continue button.

CloudFlare Plans

And this is the important step comes on the ground, You must go to your domain registrar and change your current nameserver to the CloudFlare nameserver. This process can take up to 24 hours to come live.

CloudFlare

First, I copied nameserver from the CloudFlare setting page and My domain is registered on Godaddy. So, I simply go to the domain DNS manager and paste that there to change nameserver.

Godaddy Name serever

Now you can see the Welcome Screen. Maybe, it is showing that your website is not active(DNS modification pending). Don’t worry it will take some time. You can Recheck Nameserver button to recheck the status.

CloudFlare

Let it be, go to Dashboard and let’s make some changes in the settings first.

CloudFlare Settings

There are many settings but we will cover main and important settings, leave others default. Here we will be talking about the settings which you need to change.

AutoMinify: I hope you have tested your site performance in the tools like Google Page Speed Insights and GTmetrix then you are aware of Minifying files like HTML, CSS, and JavaScripts.

Here is the same feature in the CloudFlare which will help you to minify your file sizes. This will Auto Minify your heavy files. There are the three files as shown in the image, tick all the three options.

AutoMinify

There are more great features like Polish to improve image loading time by compressing images, which require upgrading your plan.

Rocket Loader: This is the another a great feature, it will help you to improve your load time for pages that include JavaScript. It is believed that CloudFlare Rocket Loader may interfere with Adsense and thus I recommend you to keep it off or you can leave it as automatic.

Rocket Loader

Development Mode: Go to the Caching Section of the settings then scroll down to the Development Mode. This feature is very useful when you want to make some changes in your website and want to temporarily turn off caching by Cloudflare, you just need to ON this function and after changing turned it OFF again.Development Mode

CloudFlare WordPress Plugin

CloudFlare WordPress plugin

CloudFlare has a Plugin for their WordPress users, this can help you to monitors your users IP and help you to protect your website from the spammers.

This is only for the users who have a CloudFlare account and successfully added their website, as shown in above steps. You need to copy your API key from the CloudFlare in order to connect start plugin.

You can download CloudFlare WordPress plugin by clicking here. If you don’t know How to Install a WordPress Plugin? then Read it.

Free CDN

One of my readers asked me in the comment about the free CDN provider.

Here are some top and best free CDN providers.

  • CloudFlare: CloudFlare has four plans and one their plan is free and this plan has some basics function for the beginners. I highly recommend you to start with the Free plan and after satisfied with their services, you can move to their premium plan.
  • Amazon CloudFront: Amazon CloudFront is a global content delivery network (CDN) service that securely delivers data, videos, applications, and APIs to your viewers with low latency and high transfer speeds. It is not free forever but you can use it as free for the first year.
  • JetPack Photon: Jetpack is all in one plugin for WordPress, Jetpack also has free CDN service know as Jetpack Photon, This is an image acceleration and editing service for sites hosted on WordPress.com or on Jetpack-connected WordPress sites. That means less load on your host and faster images for your readers.To start using the image CDN:
    1. In your blog dashboard, go to Jetpack → Settings → Writing, and in the media section toggle on the option for “Speed up images and photos
    2. You’re done! Your images will now be served dynamically from the global WordPress.com cloud.
  • Swarmify – Formerly Known as Swarm CDN: Swarmify is a free CDN service with a dedicated WordPress plugin to make implementation easy. Just as with Jetpack, Swarmify only works on your images, though.

Using CDN is a great way to make your WordPress website load faster I have shared my personal experience in my last post you can read that by clicking here.

If you have any queries in setting up the CDN for your WordPress website then feel free to ask in the comment section below. 

Don’t forget to Subscribe Us to get new blog post notification directly in your inbox.

12 thoughts on “CloudFlare CDN: Setup Free CDN For Your WordPress Website

  1. After going over a few of the articles on your website, I
    honestly appreciate your way of writing a blog. I book marked it to
    my bookmark website list and will be checking back in the near future.
    Please check out my website as well and let me know what
    you think.

Leave a Comment

Share
Tweet
Pin
+1
Share