WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Tutorials» How to Setup CloudFlare Free CDN in WordPress

How to Setup CloudFlare Free CDN in WordPress

Last updated on September 2nd, 2019 by Editorial Staff
237 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Setup CloudFlare Free CDN in WordPress

Do you want to use Cloudflare CDN on your WordPress site?

Cloudflare is one of the best WordPress CDN and firewall services available in the market. They offer a free CDN that speeds up your website along with a suite of powerful security features for small business websites.

The challenge is that many entry-level users are not able to utilize Cloudflare because they think it is hard to set up.

In this guide, we will walk you through a complete Cloudflare setup in WordPress to help you improve your website speed.

Setting Up Cloudflare Free CDN in WordPress

Table of Contents:

  • What is CDN? Why You Need It?
  • What is Cloudflare CDN?
  • MaxCDN vs Cloudflare
  • Setting Up Cloudflare CDN in WordPress
  • Method 1: Cloudflare Setup from Web Host cPanel (SiteGround)
  • Method 2: Setting Up Cloudflare Manually
  • Configuring Most Important Cloudflare Settings
  • Optimizing Cloudflare for WordPress

What is CDN? Why You Need a CDN for Your Site?

A CDN or Content Delivery Network is a system of distributed servers which helps deliver your website files faster to the users based on their geographic location.

Typically, a web hosting service serves your website visitors from a single location. All the users access the same server, no matter where they are located. This can result in a delay in content delivery for users living further away from your website’s central hosting server.

CDN solves this problem by setting up multiple edge servers in different locations around the globe. These CDN servers cache static content from your site’s origin/central server, store, and present them to the users after they request for it.

Content Delivery Network (CDN)

When there is a user request, the CDN server closest from the user’s location will handle it. For example, if someone in the USA wants to access a UK-hosted website, then a CDN server in the USA will serve that request, not the main sever in the UK.

With CDN, all the user requests are handled by the nearest CDN servers. This mitigates the physical distance between the visitors and your website’s server. As a result, your website loads faster for all users regardless of their geographic location.

A faster website also improves user experience and gives your website a slight boost in SEO rankings.

Using a CDN also reduces the load on your primary server and protects it from crashing during traffic spikes. If you want to learn more, see our guide on why you need a CDN for your WordPress blog.

What Is Cloudflare CDN?

Cloudflare

Cloudflare is the most popular free CDN provider available on the internet. It is a large network of globally distributed servers which automatically cache static content and deliver dynamic content swiftly.

On top of a CDN service, Cloudflare is also a cloud-based website firewall and a distributed proxy server. It monitors all incoming traffic to your website and blocks suspicious traffic even before it reaches your server.

They offer a free basic plan that’s suitable for small business websites and blogs. They also offer paid plans starting at $20 per month.

Cloudflare is an excellent choice for small businesses looking for a free CDN. However, if you want to fully utilize all Cloudflare features, then you will need the Business plan which costs $200 / month.

Editor’s note: We do not use Cloudflare on WPBeginner. Instead we use MaxCDN (now part of StackPath) for our CDN service. They do not force you to use their DNS and offer more reasonable pricing at scale.

MaxCDN vs. Cloudflare – What’s the Difference?

MaxCDN and Cloudflare are both quite different services actually. While MaxCDN is focused on serving your content through their CDN, Cloudflare is more focused on security and spam control.

They both use different technologies to serve content through their networks. MaxCDN serves content from your website’s DNS using pullzones, simply put they mirror your website. Cloudflare, on the other hand, serves content through their own DNS, and you are asked to change your website’s DNS to point to their servers.

Cloudflare acts as a proxy between you and your website’s visitors, which means you give up a lot of control. Whereas MaxCDN acts as a reverse proxy, which means you have all the control.

Cloudflare is better at optimizing your page speeds by preventing your site from malicious bots, attackers, and suspicious crawlers. MaxCDN is better at improving your website speed by serving your static content through their servers located around the world.

Cons of Using Cloudflare

The biggest user complaint with Cloudflare is that while it speeds up your website, sometimes it will add a second loading screen for security verification purposes which defeats the purpose of speed because users often have to wait 5 seconds before they can see your website.

Sometimes it can also display a CAPTCHA page asking users to prove that they are human. This creates a bad experience for first-time visitors who may never revisit the site.

Setting Up Cloudflare on Your WordPress Site

Setting up Cloudflare on a WordPress site is quite easy. There are two different methods:

  1. By using a single-click Cloudflare setup option in your host’s control panel
  2. By signing up manually on Cloudflare website

The first method is the easiest way to enable Cloudflare CDN on your WordPress blog. Some of the top WordPress hosting services like SiteGround have partnered with Cloudflare to offer an easy setup option through their control panel.

If your web host doesn’t offer a built-in Cloudflare setup option, then you can manually add the service on your site. We will show both of these methods in details below.

Method 1: Setting up Cloudflare CDN with One-Click Setup Option in cPanel

As we mentioned earlier that some WordPress hosting providers like SiteGround offer an easy option to configure Cloudflare CDN in WordPress.

These web hosts provide a built-in Cloudflare integration app in your hosting cPanel to enable the service with just a few clicks.

This Cloudflare setup option works similarly with most hosting providers that have the integration. For your reference, we will show the setup process on SiteGround hosting.

Enabling Cloudflare CDN on SiteGround

If you are using SiteGround as your WordPress hosting company, then you can set up Cloudflare CDN on your site in just a few minutes.

To get started, login to your cPanel and navigate to the ‘Site Improvement Tools’ section. After that, click on the ‘Cloudflare’ icon.

Cloudflare Option in SiteGround cPanel

SiteGround recently started switching to a new control panel. If you’re using the new panel, then you’ll see Cloudflare listed under Speed tab. For example, take a look at the screenshot below.

Cloudflare SiteGround Panel

To enable Cloudflare free CDN on your website, just click on the ‘Set Up’ button to continue.

After that, you will see a popup asking you to create a Cloudflare account or connect to your existing one.

Connect Cloudflare with Siteground

Next, you will see a message indicating that the CDN activation is in progress. Once it is complete, the Cloudflare CDN will be active on your WordPress site.

Method 2: Setting up Cloudflare CDN in WordPress Manually

If your web hosting doesn’t have a single click Cloudflare configuration option, then you can use this method. It can take a few more minutes, but it is also easy and user-friendly.

To begin, you need to visit CloudFlare website and click on the ‘Sign Up’ button.

Sign Up on Cloudflare Website

On the next page, you need to enter your email address and password to create a Cloudflare account. Simply enter the information required, and then click on the ‘Create Account’ button.

Create Account Page in Cloudflare

After that, you need to enter your website’s URL.

Add Site to Cloudflare

On the next screen, you will be asked to choose a plan. For the sake of this tutorial, we will select a free plan.

Select a Cloudflare Plan

After that, Cloudflare will show you a list of all DNS records their systems found. This will include your subdomains as well.

The DNS records you want to be passed through Cloudflare will have orange cloud icon. The DNS records that will bypass Cloudflare will have a gray cloud icon.

You need to review the list to make sure that your primary domain is active on Cloudflare with an orange cloud icon.

Verify DNS Records to Set up Cloudflare

Once you verify your DNS records, click on the Continue option at the bottom.

On the next and the final step of your setup, Cloudflare will ask you to update your nameservers. You will be asked to change your name servers and point them to Cloudflare nameservers.

Cloudflare Nameservers page

Notice: Changing name server can take some time to propagate through all over the internet. During this time, your website may become inaccessible for some users.

You can change name servers either from your domain registrar account like Domain.com, or if you got a free domain from your web hosting provider like Bluehost, then you will have to change the name server by logging into your hosting account.

For the sake of this tutorial, we will be showing you how to change the name servers from the Bluehost control panel. While the process is similar across hosting companies, you can always ask your hosting provider for detailed instructions for their control panel.

Once you are logged on to your Bluehost cPanel dashboard, go to ‘Domains’ section, and select your domain name. After that, click on the ‘Name Servers’ tab and ‘Edit’ option.

Edit Name Servers in Your Web Hosting cPanel

Next, you need to select ‘Custom’ and enter the nameservers provided by Cloudflare.

Add Cllouflare Nameservers in Your Web Hosting cPanel

After that, you need to go back to Cloudflare setup page, and click on ‘Done, check nameservers’ button to finish the setup.

Custom DNS Namesers Added - Check nameservers

That’s it! Now it will take a few minutes to update your domain nameservers and activate Cloudflare.

Once activated, you will see the success message on your Cloudflare dashboard.

Cloudflare Activated Success Message

You can now customize your Cloudflare settings from this dashboard. We will show you the most critical settings in the next section.

Note: The above screenshots show Bluehost control panel. Your nameserver settings may look different if you’re using a different hosting provider.

Configuring Most Important Cloudflare Settings

Your basic Cloudflare set up is complete, but there are a few essential settings you need to configure to keep your WordPress site secure.

1. Configure WordPress Specific Page Rules

By setting up page rules, you can customize how Cloudflare works on specific pages on your site. It is especially useful in securing critical pages like login page, wp-admin area, etc.

Cloudflare free account allows you to set up three page-rules. If you want to add more page rules, then you need to pay $5 per month for five additional rules.

First, you need to click on the Page Rules option at the top and then click on the Create Page Rule button.

Create a Page Rule in Cloudflare

After that, you can set up the following three page-rules.

a) Secure your WordPress login page

Page URL: example.com/wp-login.php*
Setting: Security Level; High

Create a Page Rule to Secure WordPress Login Page on Cloudflare

b) Exclude WordPress Dashboard from Cloudflare and Enable High Security

Page URL: example.com/wp-admin*
Settings: Security Level; High
Cache Level; Bypass
Disable Performance
Disable Apps

Create a Page Rule to Secure WordPress Dashnboard on Cloudflare

c) Force HTTPS

Page URL: http://*example.com/*
Setting: Always use HTTPS

Create Page Rule to Use HTTPS in WordPress

2. Configure SSL Certificate Settings

Another important setting is the SSL certificate available in the ‘SSL/TSL’ menu at the top.

Cloudflare SSL Settings

Make sure to choose ‘Full’ if you are already using SSL.

If you don’t have an SSL certificate, then see our guide on how to get a free SSL certificate for your website.

Once done, Cloudflare will provide a coveted green padlock to signify that your website is secure.

Optimizing Cloudflare for WordPress Using a Plugin

Cloudflare offers a dedicated WordPress plugin for one-click WordPress-optimized settings. The plugin lets you quickly set up Cloudflare on your WordPress site, add web application firewall (WAF) rulesets, automatically purge the cache, and more.

To get started, install and activate the Cloudflare plugin on your website. For more details, see our step by step guide on how to install a WordPress plugin.

Once done, you need to visit Settings » Cloudflare from your admin panel to configure Cloudflare settings.

On the settings page, you will see a Create Your Free Account button and Sign-in option for already existing accounts. Simply click on the sign-in option.

Sign in to Cloudflare Account with WordPress

On the next screen, you will need to enter your Cloudflare email and API key.

Enter Cloudflare API credentials Form

You can find your API key in your account area on the Cloudflare website.

Simply open the ‘My Profile’ page and then click on the API tokens. After that, go to the Global API Key section and click on the View button.

View Cloudflare API Key

This will open a popup and display your API key. You need to copy the key.

Copy Cloudflare API Key

Next, come back to your WordPress dashboard and enter your email address and API key.

Save Cloudflare API Credentials in WordPress

After that, Cloudflare home page will appear on your dashboard. From there, you can apply a single-click WordPress optimization, purge cache, enable automatic cache, etc.

Optimize Cloudflare for WordPress

You can find more Cloudflare options by clicking on the Settings option.

Cloudflare for WordPress Settings

It also shows stats such as visitors, bandwidth saved, threats blocked, etc. from the Analytics option.

Cloudflare Analytics in WordPress

We hope this article helped you to learn how to set up Cloudflare free CDN in WordPress. You may also want to see our complete WordPress website security guide.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

237 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

59 Comments

Leave a Reply
  1. Lou says:
    Feb 22, 2021 at 6:30 am

    I’m setting up Cloudflare – thanks to your article! I’ve already got W3 super cache plugin – do I need both? Are they going to confuse each other? Total newb question I know!

    Reply
    • WPBeginner Support says:
      Feb 22, 2021 at 11:29 am

      They have slightly different functions and there is an integration so the two can work with each other without an issue.

      Reply
  2. Faith Nte says:
    Jan 23, 2021 at 9:42 am

    Thank you for this guide. It helped me reduce the time my page loads

    Reply
    • WPBeginner Support says:
      Jan 25, 2021 at 11:14 am

      Glad our guide was helpful :)

      Reply
  3. Muntaha says:
    Dec 10, 2020 at 2:42 am

    What if someone mistakenly adds the wrong parameters in page rules and then deployed it. Is there any way back to change page rules after deploying it?

    Reply
    • WPBeginner Support says:
      Dec 10, 2020 at 9:53 am

      You can change your settings after setting them if you need to.

      Reply
  4. bali kratom says:
    Aug 10, 2020 at 6:00 am

    thanks for sharing this content

    Reply
    • WPBeginner Support says:
      Aug 11, 2020 at 10:27 am

      You’re welcome :)

      Reply
  5. Will says:
    Jul 27, 2020 at 2:03 pm

    Probably a noob question, but I have a lot of existing video and photo files on my site. Will they all be migrated to Cloudflare’s CDN or do I have to do that manually? I followed the setup steps, but my content still takes forever to load, and when I view its URL, it’s still showing my site’s URL and path.

    Reply
    • WPBeginner Support says:
      Jul 28, 2020 at 10:23 am

      You shouldn’t need to transfer your content, for the slow loading you may want to reach out to CloudFlare for them to take a look

      Reply
  6. Brooke says:
    Jul 25, 2020 at 8:55 pm

    Thanks so much for this, helps a lot!

    Just to be clear, even though I’ve added my site to cloudflare, I still need to get an SSL cert separately? Cloudflare does not supply ssl cert?

    Thanks again!

    Reply
    • WPBeginner Support says:
      Jul 27, 2020 at 11:54 am

      You would want to take a look again under the Configuring Most Important Cloudflare Settings section for CloudFlare’s SSL :)

      Reply
  7. Ibraham Aali says:
    Jul 6, 2020 at 8:47 am

    Admin, kindly answer these question like

    After changing the DNS, who is actually will my hosting provider? The hoster OR cloudflare and all editing can be done by same cpanel?

    Reply
    • WPBeginner Support says:
      Jul 7, 2020 at 1:06 pm

      Your hosting provider would still be your hosting provider.

      Reply
  8. Soumya says:
    May 25, 2020 at 7:35 am

    thank you very much, I was looking for a proper step-by-step Cloudflare set up! and TA DA!! you guys are savior.
    It would be great if you publish about the best of cloudflare settings, from the plugin.

    Reply
    • WPBeginner Support says:
      May 27, 2020 at 9:01 am

      Glad you found our article helpful :)

      Reply
  9. Alabura says:
    Mar 15, 2020 at 6:28 am

    Thank you for such a great publications, it really help me set up my cloud flare account easily. Keep the good work.

    Reply
    • WPBeginner Support says:
      Mar 16, 2020 at 1:18 pm

      You’re welcome, glad our guide was helpful :)

      Reply
  10. Bryan Wagar says:
    Feb 19, 2020 at 9:44 pm

    Very helpful information and with the pictures for verification i could confirm everything instead of guessing, thankyou very much for compiling this! It is BRILLIANT

    Reply
    • WPBeginner Support says:
      Feb 20, 2020 at 10:04 am

      You’re welcome, glad our guide could be helpful :)

      Reply
  11. PKV says:
    Sep 14, 2019 at 9:01 am

    superb guide, easy to follow thanks :)

    Reply
    • WPBeginner Support says:
      Sep 16, 2019 at 10:14 am

      Glad our guide was helpful :)

      Reply
  12. randhir singh says:
    Dec 14, 2018 at 3:02 am

    I want to know which is the best CDN ? cloud Flare or max

    Reply
    • WPBeginner Support says:
      Dec 17, 2018 at 4:57 pm

      Hi Randhir,

      At WPBeginner, we recommend MaxCDN. However, if you want to use the free CDN, then Cloudflare can be a good solution.

      Reply
  13. anurag saxena says:
    Oct 6, 2018 at 11:37 pm

    If i will use cloudfare free version and will change the nameserver then it means my website will run on cloudfare server then how i can edit my website? through cloudfare or my present hosting provider? pls tell me detail.

    Reply
  14. andy says:
    Apr 11, 2018 at 11:03 am

    The only reason I use cloudflare because you can hide where you hosting the site.

    Reply
  15. Mehmet says:
    Apr 6, 2018 at 8:49 pm

    i am wondering..
    for cloudflare, we need to point the DNS to theirs..
    so how we gonna use custom email set up using our own domain (which also need to point the DNS to the email provider) ?

    as far as i know, we can’t use two DNS .. (actually we can, but it is expensive)

    Reply
    • Aqib says:
      May 14, 2018 at 11:18 am

      I am using custom email and cloudflare. Cloudflare doesn’t affect my custom email working.

      Reply
  16. Abhi says:
    Mar 13, 2018 at 10:36 pm

    If my domain is from go daddy and hostino is from inmotion hosting and I change my domain name server to my hosting now I want to join cloudfare to it then what can I do?

    Reply
    • andy says:
      Apr 11, 2018 at 11:01 am

      I try to help answer. from godaddy change nameserver to cloudflare, and from cloudflare, set up your DNS and point to your in motion hosting ip address.

      Reply
  17. Syed Shan says:
    Oct 19, 2017 at 10:34 am

    After Setting Our Host DNS To Cloudfare DNS, Which bandwidth and storage will be used from our local hosting plan e.g godaddy, namecheap etc or Cloudfare ?

    Reply
  18. Haydrion Rayel says:
    May 4, 2017 at 12:28 am

    The reasons why I don’t use cloudflare is because of changing the nameservers and second like in this article : it blocks some of the legitime users and that is what I really hate.

    I don’t use third party websites where I don’t have full control of it. I saw a couple of times there are you human google click on pictures and it takes forever.

    MaxCDN is the only option because you only have to add a cname .. but still ..

    Reply
  19. Haydrion Rayel says:
    May 4, 2017 at 12:28 am

    The reasons why I don’t use cloudflare is because of changing the nameservers and second like in this article : it blocks some of the legitime users and that is what I really hate.

    I don’t use third party websites where I don’t have full control of it. I saw a couple of times there are you human google click on pictures and it takes forever.

    MaxCDN is the onlly option because you only have to add a cname .. but still ..

    Reply
  20. abhishek purohit says:
    Jan 30, 2017 at 9:21 am

    My site is on wordpress and running on godaddy vps server with ssl certificate but it has lots of page load time, now, should I go for cdn cloud flare free account if yes than what about all static IP given with vps account , they will not useable and is vps based site need cloud flare ?

    Reply
  21. Munna Hossain says:
    Jan 1, 2017 at 2:16 pm

    Page loading time is an important issue to get good user experience. This LoudFlare helps us to increase the page loading. Can you tell me which one is better to improve page speed, plugin or CDN?

    Reply
  22. Iain says:
    Sep 24, 2016 at 1:04 pm

    HI
    Just to let you know
    I have had a joomla website working on the Free plan and SSL
    Not sure if your previous post is now outdated but it is possible.
    Regards

    Reply
    • Mircea Pop says:
      Oct 12, 2016 at 6:07 pm

      You can use the provided Cloudflare SSL but you are unable to use your own SSL on free account

      Reply
  23. koushil says:
    May 29, 2016 at 1:33 am

    bro can we use this for blogspot blog ?

    Reply
    • King Rayhan says:
      Dec 15, 2016 at 10:48 am

      of course :D why not

      Reply
  24. Ikechukwu says:
    Apr 29, 2016 at 4:04 pm

    This was very helpful. Thanks.

    Reply
  25. munetsi says:
    Jun 25, 2015 at 4:38 pm

    i am actually caught in between-
    which provider should i choose for my site,
    between cloudfare or maxcdn

    Reply
    • Editorial Staff says:
      Jun 26, 2015 at 8:14 am

      We use MaxCDN for our sites.

      Reply
  26. SOTHEA says:
    Apr 23, 2015 at 11:55 pm

    This is truly awesome tip. Anyways, I have a question. If my website contents and domain name are hosted in different hosting companies. In this case, I need to change Name Servers to CloundFlare for both. Am I correct?

    Reply
    • Anubhav says:
      Feb 5, 2016 at 3:23 am

      Did you find the solution for this as i have different hosting provider and domain name provider is different .If you know the solution then please let me know

      Reply
  27. Ummi Mental says:
    Dec 1, 2014 at 7:36 am

    after changing the DNS, who is actually will my hosting provider? The hoster OR cloudflare and all editing can be done by same cpanel?

    Reply
  28. Captain Asif says:
    Oct 24, 2014 at 10:50 pm

    Really very helpful article i have setup my wordpress site with cloudflare

    Reply
  29. Joe says:
    Jun 5, 2014 at 3:59 pm

    What minification services do you recommend that work well with Cloudfare? This is for a WordPress site that may have potentially high traffic spikes out of the blue. Thanks

    Reply
  30. bobzyouruncle says:
    Apr 22, 2014 at 3:49 am

    I live at the bottom of Africa (Cape Town) with none of their servers close to me am I correct in thinking that Cloud Flare will slow down my website. Most of my traffic is local. I have the same issues with CDNs none of them are close to my location, Europe is the closest. Is my thinking correct?

    Reply
    • Damon Billian says:
      May 10, 2014 at 12:39 am

      CloudFlare would add a little latency because we currently don’t have any data centers in SA just yet (being looked at). Visitors from SA would currently hit a data center in Europe.

      On the other hand, if you have visitors from a lot of other locations (EU, America, Asia, etc.), then the site would be faster for them.

      Reply
    • munetsi says:
      Jun 25, 2015 at 4:34 pm

      was just checking ,looks like they have servers in johannesburg.

      Reply
  31. Adesanmi Adedotun says:
    Apr 18, 2014 at 8:19 pm

    I have heard about cloudflare but have not tried to make use of it, bout talking about the fact that my site might be down during the propagation of my name server,how long could this take?

    Reply
    • WPBeginner Support says:
      Apr 18, 2014 at 10:02 pm

      It varies, it can take a few hours to a full day.

      Reply
    • Einstein says:
      Apr 21, 2014 at 12:09 pm

      You will not experience any downtime while you switch to Cloudflare if you do it correctly.

      Reply
    • Damon Billian says:
      May 10, 2014 at 12:43 am

      You should not have any downtime at all switching to CloudFlare’s nameservers.

      Reply
  32. Robby McCullough says:
    Apr 16, 2014 at 12:05 pm

    I am a huge fan of CloudFlare. At my shop, we do a lot of sites for professional photographers. CF does an amazing job at making image heavy pages load in a snap!

    One tip, don’t forget about CF’s developer mode when you’re making changes. I’ve bashed my head against the wall for some time when my CSS changes weren’t showing up — CF was serving a cached page!

    Reply
  33. Boby says:
    Apr 16, 2014 at 9:38 am

    When my website has ‘heavy load’ CloudFlare will make the users access screenshot of the website.

    Reply
  34. Abhisek says:
    Apr 16, 2014 at 9:16 am

    Cloudflare breaks my site’s design. I have a off-canvas menu and Cloudflare’s rocketloader and minification breaks ,y site’s design. So, I have to stick with basic W3 Total cache. Besides Cloudflare actually speeds up your site.

    Reply
    • Damon Billian says:
      May 10, 2014 at 12:41 am

      Those features are actually optional and easy to turn off. If you’re using a minify service already, then you don’t want to turn ours on as well (something eventually will break running two minify options at the same time). Rocket Loader would have the potential to impact JavaScript and jQuery & would generally impact something like widgets.

      Reply
    • Joe says:
      Jun 5, 2014 at 4:00 pm

      What WordPress theme were you using? That way we can know to avoid using that theme with Cloudfare.

      Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
Smash Balloon
Smash Balloon
Add Custom Social Media Feeds in WordPress. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2020 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2020)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2020)
    • SiteGround Reviews from 4196 Users & Our Experts (2020)
    • Bluehost Review from Real Users + Performance Stats (2020)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2020 – Step by Step Guide
Deals & Coupons (view all)
IPVanish Coupon
Get 20% OFF on IPVanish, one of the best VPN service providers for bloggers and WordPress users.
Theme Trust
ThemeTrust Coupon
Get 20% off on all ThemeTrust themes brought to you by Henry Jones.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).
Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress CDN by MaxCDN | WordPress Security by Sucuri.