How to Setup CloudFlare CDN for WordPress Blog

How to Setup CloudFlare CDN for WordPress Blog

Using a Content Delivery Network is one of the best ways to reduce page loading time. There are numerous options to choose from, but Cloudflare stands out among the rest due to its exceptional service, all for free. Keep scrolling to learn how to set up Cloudflare on WordPress.

What is Cloudflare CDN?

Cloudflare is a Content Delivery Network (CDN) that acts as a proxy between a website and the visitor. This system enables users to receive cached static content from the nearest servers. With less physical distance, the site can load faster.

What’s great about Cloudflare is that it has one of the biggest server networks in the world. As such, no matter where your visitors are, Cloudflare will help you deliver the fastest website experience. This will also help improve your site’s SEO as speed is one of the ranking factors in search engines.

Compared to traditional CDN, Cloudflare offers many other useful features:

  • DDoS attack mitigation
  • Analytics on all requests made to a website
  • Easy SSL certificate installation
  • Network gateway between protocols

Setting Up Cloudflare on WordPress

Installing CloudFlare on WordPress is a straightforward process. Follow the guide below to learn how to do it.

Step 1: Creating a Cloudflare Account

  1. Navigate to the Cloudflare website and click the Sign Up button in order to create an account.
    Cloudflare homepage
  2. Provide your email and password and then hit Create Account.

Step 2: Adding Domain Name to Cloudflare

  1. Go to your Cloudflare dashboard. Select the +Add Site button below a notification that reads “You currently don’t have any websites.
  2. Now, select your plan. If it’s for a personal site, we recommend choosing the free plan. Otherwise, choose the Pro or Business plan if you intend to use Cloudflare with any business websites.
    Cloudflare pricing plans

Step 3: Checking the DNS Records of Your Domain Name in Cloudflare

Once your WordPress site is added to Cloudflare, you’ll be prompted with the DNS details of your domain name. In this step, you can enable or disable Cloudflare for specific subdomains.

To activate, simply toggle the cloud to orange. Cloudflare DNS records

We highly suggest that you enable Cloudflare for your naked domain name and www subdomain. This way, Cloudflare will work on both www and non-www versions of your site.

Once you are done, press the Continue button to proceed to the next step.

It’s not recommended to enable CloudFlare for cPanel, mail, FTP, or any other subdomains as it can result in various DNS issues.

Step 4: Pointing Your Domain Name to Cloudflare Nameservers

After activating Cloudflare for your domain and subdomains, you will be greeted with the Cloudflare nameservers on the next page. Now, we need to replace your old nameservers with Cloudflare’s.

  1. Open a new browser tab and visit your hosting control panel. If you’re a Hostinger user, you can find the details of your nameservers in the Domains tab.
    Hostinger nameservers
  2. Replace the existing nameservers with those from Cloudflare. Don’t forget to click Update.
  3. Go back to the Cloudflare page and press the Done, check nameservers button.

Note that it may take up to 72 hours for DNS to propagate worldwide. Once the nameservers update has been completed, you will receive an email confirmation message from Cloudflare. Alternatively, you can also check the update status on the Cloudflare website. During this process, your page will not face any downtime.

Step 5: Installing and Configuring Cloudflare Plugin on WordPress

To complete the whole process, we need to install the Cloudflare plugin on WordPress. The tool comes loaded with various handy features to manage the CDN, such as:

  • One-click WordPress optimization
  • Web application firewall (WAF) rulesets
  • Automatic cache purge
  • Statistics
  • Built-in Cloudflare settings for easy modification

Let’s proceed with the plugin installation.

  1. Access your WordPress dashboard and head over to Plugins -> Add New. Search for Cloudflare, then install and activate the plugin.
  2. Go to Settings and select Cloudflare.
  3. Select the get your API Key from here option, located below the log in fields.
    Login page in the settings page of Cloudflare plugin
  4. A window that opens your CloudFlare account will pop up. Go to the API Tokens tab, then, select View from the Global API option.Getting Cloudflare API key
  5. Enter your Cloudflare password, and then copy the provided API key.
  6. Go back to the plugin’s settings page, and paste the key to the login fields. Hit the Save API Credentials button.

After you log in to the Cloudflare plugin, you will see several settings:

  • Optimize Cloudflare for WordPress — enable it by clicking the “Apply” button. This will implement Cloudflare recommended settings for the best performance.
  • Purge Cache — activate this service only after you update your WordPress or website design. This setting will clear all the cached content of your site.
  • Automatic Cache Management — automatically clear the Cloudflare cache every time you switch or edit the theme.

Conclusion

A CDN, or Content Delivery Network, is an important service that will help you boost your website speed. Out of the many options available, we recommend Cloudflare. It offers a reliable CDN service, as well as security and performance improvements.

You can set up Cloudflare on WordPress for free. Here’s a summary of how to accomplish that:

  1. Create your Cloudflare account.
  2. Add your domain name to Cloudflare.
  3. Check the DNS records of your domain name in Cloudflare, and then activate the service for your naked and www domains.
  4. Point your domain name to the Cloudflare nameservers.
  5. Install the WordPress Cloudflare plugin for easy configuration.

That’s it. Good luck and enjoy your faster website.

Author
THE AUTHOR

Merkys M.

Merkys is a server administrator and Linux expert at Hostinger. He keeps everything up & running while tackling advanced server management issues. Besides that, he’s a big fan of blockchain technology, web development, and bodybuilding.