SSL, HTTPS, and Cloudflare

Temporarily Disable Cloudflare

Updated 2 months ago

Cloudflare's Development Mode suspends caching for 3 hours so you can see changes to your site instantly without disabling Cloudflare. You can enable it from the Cloudflare dashboard, in the Caching → Configuration section, or from WordPress using LiteSpeed Cache or the App for Cloudflare plugin. If you haven't activated Cloudflare on your domain yet, first follow the guide Activate Cloudflare.

Development Mode does not disable Cloudflare: rules, the WAF, and SSL/TLS continue to work. If you're having trouble with a block page or a certificate error, Development Mode won't resolve it; in that case, see Identify and disable Cloudflare WAF rules that are blocking your connection.

Enable Development Mode from Cloudflare

  1. Go to dash.cloudflare.com and select your domain.

  2. In the side menu, go to the caching section, Caching, and then select Configuration.

  3. Enable Development Mode.

What Development Mode does

  • It suspends edge caching and Polish, so you can immediately see changes to content such as images, CSS, and JavaScript.

  • It lasts for 3 hours. After that, it turns off automatically and caching resumes as normal.

  • It doesn't delete files that were already cached. To remove them immediately, use Purge Cache in addition to Development Mode.

  • It doesn't turn off Cloudflare: rules (Rules), the WAF, and SSL/TLS remain active for all 3 hours.

If you need to bypass the cache for more than 3 hours, Cloudflare recommends creating a cache rule (Cache Rule) with a bypass action instead of leaving Development Mode on indefinitely.

Pause Cloudflare completely

If you need traffic to go directly to your server without going through Cloudflare, use the Pause Cloudflare on Site option. This pauses Cloudflare for the entire site and is different from Development Mode.

  1. On the Cloudflare dashboard home page, select your account and domain.

  2. Under Advanced Actions in Overview, click Pause Cloudflare on Site.

While the site is paused, visitors go directly to your server, and Cloudflare features such as rules, the WAF, and Cloudflare SSL/TLS certificates are disabled. The pause takes effect within five minutes and means you don't have to change your domain's nameservers.

Enable Development Mode from WordPress

With LiteSpeed Cache

If you use LiteSpeed Cache and have already connected it to your Cloudflare account, you can enable Development Mode without leaving WordPress:

  1. In WordPress, go to LiteSpeed Cache → CDN and open the Cloudflare tab.

  2. Enable Cloudflare API and enter your Global API Key or API Token, your Email Address, and your Domain. Save your changes.

  3. In the Cloudflare section that appears, use the Development Mode control to enable it, check its status, or disable it.

As in the dashboard, Development Mode turns off automatically after 3 hours.

cloudflare-modo-desarrollo-litespeed.png

With App for Cloudflare

The App for Cloudflare plugin also lets you toggle Development Mode and purge the cache from the WordPress admin area.

The official Cloudflare plugin for WordPress no longer includes the Development Mode option. To enable it, use the Cloudflare dashboard, LiteSpeed Cache, or App for Cloudflare.

Was this helpful?
Was this helpful?