Speed up your Divi website with Content delivery network

What are Content delivery networks (CDN)

A CDN places cached files of your site in different locations around the world (their data centres) so that the person using your website can get the closest copy and therefore download it faster.

By having your files located on several servers across the world makes sure the user is loading the files that are nearest to them.

Furthermore, CDN improves security, minimises downtime and improves SEO (as google recommend it).

We recommend using Cloudflare as it is brilliant and has a FREE plan.

Why use Cloudflare CDN?

  1. Google has started using pagespeed as a ranking factor.
  2. CDN provides a faster experience for users
  3. Stops bad traffic to your site – speeds up the flow of real visitors
  4. Better security

Here is an overview of what Cloudflare does for you:

CloudFlare Scan

How to put your website on Cloudflare?

Here is a quick video that shows the process (credit CloudFlare). Below this video I will go through it step by step.

1. Scan your site

Simply add the website that you want to put onto Cloudflare. It will start to scan your site for the DNS entries it can find.

CloudFlare Scan

2. Verify DNS Settings

Cloudflare will find all the DNS settings for the website that it can. You need to look at where the domain is regestered and make sure that all the dns entries are added. If there are missing entries you can add them now ( or later ).

CloudFlare Scan

3. Select Plan

Cloudflare is FREE so go ahead and select the free version. If you want to pay, have fun with that too !

CloudFlare Scan

4. Change Nameservers

Now you need to change your nameserver details so that the domain points to cloudflare and not to the web server itself. Go ahead and do that with your domain registrar. It will tell you below what to change it from and too.

CloudFlare Scan

Ok so now my website is on CF – now what?

Well you don’t have to do much – you can take a look at their online resources on what each section does. For speed we need to be concerned with the caching and the speed tab.

Speed tab

if you are using Divi Nitro, you dont need to worry about auto minify scripts – you can try this with other sites not using Nitro, however it may break your site – just disable and clear cache to fix if it does.

You can also try Rocket Loader, however be careful as I have had issues with Divi and this – it is still beta version so we can forgive CF.

That it really (unless you are on a paid version) – I dont really touch the speed tab.

Caching Tab

The caching tab is important to understand. It caches your files and images so if you make a change in your css for example and it doesnt show – clear your cache here. Click on Purge Cache – drop down to purge everything!

Development mode is brilliant if you are doing maintenance work – just enable this and you dont have to worry about CloudFlare cache – only your browser and if you are using a plugin that too. Development mode lasts for 2 hours I belive so no need to switch it back on.

That the main stuff really. I will write up a detailed document on Cloudflare in general as there are some really cool things such as redirects.

CloudFlare Scan
We hope this has been helpful – let us know if you have any questions.

3 Comments

  1. Hi!
    I run two websites using DIVI theme and Cloudflare CDN. I’ve had a problem, some pages not loading properly (missing some css, the console showing 404 error for some resources in /cache/et folder). If anyone has the same situation – go to DIVI theme settings and turn off jss and css minification. Cloudflare has its own minification setting, when both are on, you may experience the same problem. I left jss and css minification OFF in Divi settings and ON in Cloudflare settings – everything works fine for now.

    DM

    • Thanks for this comment! I wonder if you get better results with cloudflare doing this or divi? I have disabled it in cloudflare to not cause conflict.

      Really appreciate you writing this

  2. Thank you for this post to enhance website speed and security for my WordPress website.
    I followed all the steps described to link Cloudflare and my website https://renovaweb.ca with success.
    In few hours, my free Cloudflare acount was activated and I instantly gain speed (few seconds, yes !!!).
    Cloudflare and Divi Nitro together do a fantastic team to have a wordpress website faster and gain speed.

    Thanks for your support on this.

Submit a Comment

Explore more from Divi Engine

Divi Form Builder

Divi Form Builder

From simple contact forms to complex frontend post or product creation, Divi Form Builder has you covered.

Divi Form Builder
Find out more
Divi Machine

Divi Machine

Build complex websites that displays dynamic fields you can filter, search and so much more with the Divi Builder.

Divi Machine
Find out more
Divi BodyCommerce

Divi BodyCommerce

A versatile toolkit for developers using Divi and WooCommerce together, designed to boost your e-commerce site and achieve greater conversion rates.

Divi BodyCommerce
Find out more
Divi Loop Extender

Divi Loop Extender

Unlock the Full Power of Divi 5 Loop Builder Add advanced sorting, filtering, and relationship logic right inside the Visual Builder.

Divi Loop Extender
Find out more
Divi Membership

Divi Membership

Monetize your Divi websites by transforming them into membership sites with seamless subscription management, user-friendly interfaces, and customizable membership tiers.

Divi Membership
Find out more
Divi Machine Accounts

Divi Machine Accounts

Build an account area for your customers to edit their details, access wishlist, submitted posts and more. *Note: Requires Divi Machine installed and active

Divi Machine Accounts
Find out more
Divi Ajax Filter

Divi Ajax Filter

Filter WooCommerce, Posts & Custom Posts without reloading the page.

Divi Ajax Filter
Find out more
Divi Mobile

Divi Mobile

Divi Mobile helps you create beautiful looking mobile menus without having to code.

Divi Mobile
Find out more
Divi Nitro

Divi Nitro

Give your Divi website that extra boost of speed with our Divi Nitro plugin to enhance your customer's experience.

Divi Nitro
Find out more
Divi Protect

Divi Protect

Password protect the content of your Divi website with our Divi Protect plugin. Keep unwanted eyes out!

Divi Protect
Find out more
Divi Mega Menu

Divi Mega Menu

Improve the user experience of your Divi website with our Divi Mega Menu plugin by creating dynamic menus using the Divi Builder.

Divi Mega Menu
Find out more