This tutorial will guide you to setup Cloudflare CDN to your website. This aims to share the knowledge about CDN and why you should use it.
What is CDN and why should I use it?
CDN (Content Delivery Network) is a system of distributed servers across the globe.
Websites use CDN to minimize the distance of the visitors to your website’s server. An example if your website host is in the United States while your visitor is in the Philippines, it will take a longer time to deliver content from the United States to the Philippines rather than China to the Philippines.
The goal of CDN is to distribute your content to different servers and data centers around the globe. So if your website is accessed from the Philippines then the content will be coming from the nearest server rather than getting the same content from a farther server.
What you’ll need:
- A registered domain name.
- A web hosting account.
Step 1: Create a Cloudflare account.
Go to the official Cloudflare website and click Sign Up on the menu bar. Fill up the required fields in the form and click Create Account.
Step 2: Add your domain name to Cloudflare.
After you have successfully registered to CloudFlare, you will be asked to enter the domain name of your site. For this example, I will use lccmdormitory.xyz as the domain name. After entering your domain name click the Add Site button.
Step 3: Select a Plan
You have to select a plan of your choice, for this example, I will pick the FREE Plan with $0/month.
Step 4: Set up DNS records to be protected by Cloudflare.
Toggle all gray icons to allow Cloudflare to protect them.
Step 5: Point your nameservers to Cloudflare nameservers.
Each hosting server has their own nameservers. For this example, I host my site in freehosting.com so my nameservers point to their server and we need to change this to point it to the Cloudflare servers.
Not sure on how to change your name server? Here are the tutorials from some domain name registrars. If your domain name registrar is not on the list you may consider contacting your provider or open a support ticket to help you out.
My domain name is registered on Hostinger so I should follow the steps they have given.
I copied the nameservers from Picture 5.1 to replace my current nameservers. After that, click the Update button.
Go back to the Cloudflare website as seen in Picture 5.1 and click Continue.
It may take up to 72 hours for your DNS to propagate worldwide. Propagation happens whenever you change your nameservers, during the propagation it may work on some machines. Once it has been completed you should receive an email from Cloudflare. You may also check the status on Cloudflare website. This process is safe and your website will not face any downtime while being processed.
Just wait, wait and wait. If the process has been completed and successful, the overview of your website should look like this.
Here is a test from webpagetest.org on our example site lccmdormitory.xyz where it presents the before and after configuring Cloudflare to our website.
That’s it, you have now configured your site to the Cloudflare CDN. You should experience faster loading times and improved security.
Hello, I am a freelance website and mobile application developer. I am also the owner of this website, so if you have any projects for me you can contact me at [email protected] or use the contact page. When I’m not doing some work, I can be found watching Anime/Asian Dramas/American TV Series, playing computer games, and writing tutorials on this website. I run the program repeatedly hoping the error won’t show up next time.