How to Clear Divi Cache: Quick Steps for a Faster Website

Team DiviFlash

Updated: August 28, 2023
Table of Contents

Imagine you are working with Divi Builder and encounter an error. The first thing that comes to your mind is to clear the cache. It’s also a common suggestion from the Elegant Theme support team. And in most Divi releated issues, the cache proves to be the culprit.

Luckily, we work in a team full of Divi experts. But whenever we face any issues and ask them for their help. They put big smiles on their face and give the same advice to clear the Divi cache.

Actually, it works in most cases. So we try to find all kinds of caches found on the Divi website and when to clear them. And, big thanks to all the Divi experts on my team for helping me with this ultimate guide on “How to Clear Divi Cache”.

What is Divi Cache?

A Divi cache is a collection of all requests made to your Divi website. It works just like a normal website cache.

Generally, website caching is how the cache files store static versions of frequently accessed data to avoid having to render them repeatedly on the server end. Thus, the server can load faster and improves website speed and performance. Kind of the same way, caching is helpful for your Divi WordPress website.

Upon a visitor’s request, WordPress shows saved static content that is stored in cached files. As a bonus, it needs to process fewer requests and boosts website performance. 

Types of Different Divi Caches

We are most familiar with browser caches, yet a Divi website has other cache types for different purposes. Likewise: 

  1. Browser Cache
  2. Divi Builder Cache
  3. Plugin Cache
  4. Server Cache
  5. CDN Cache

But there is a downside to the caching process. Sometimes, these cached files fail to load new updates and display the older version of your website pages. For this and many other reasons, we need to clear these cached files.

When Do You Need to Clear Divi Website Caches?

As we have explored above, Divi caches are being cleared to free up spaces to add updated data. With that, we will be looking at some more reasons to clear Divi’s website caches.     

  • When you are making changes to your website content and design.
  • When you are editing the Divi child theme.
  • When you are performing any software update.
  • After you update other plugins.
  • If your edits or updates are not showing up.
  • If there is an error with something.
  • If you want to optimize the website speed.
  • If you want to improve the security and hygiene of your Divi website.

How to Clear Divi Cache?

Now, the long read. We have discussed different cache types in this article. They are stored in different places. Let’s take a look at how to clear Divi caches.

Quick Actions To Try!

Before going to clear different cache types, we’re sharing some some quick tips on how to clear Divi caches. These actions are mostly unknown to Divi users. But, very easy to act.

  1. Update Theme Customizer Settings

From your WordPress settings area, navigate to: Divi > Theme Customizer. Now, do some changes here. If you have nothing to change, randomly change anything and bring back the previous version.

  1. Update A Page Or Post

Like the above trick, simply edit any post or page and update. Most Divi users are unaware of this straightforward method. When you update or publish a page or post, it will effectively clear the Divi static CSS cache. 

How to Clear Divi CSS Caches?

Let’s start with the Divi CSS cache. Even so, you might be wondering how to clear the Divi static CSS cache. Users often blame this cache type for their problems. 

This is true. Divi by default enables static CSS file generation when you add or change any design styles. So, the browser can cache easily and speed up loading times for your visitors.

To clear this cache, from your WordPress dashboard navigate to:

Divi > Theme Option > Builder > Advanced > Static CSS File Generation > Clear

Clearing Divi Builder Static CSS Cache

Tip: There is an Enable/Disable option. It is recommended to keep this setting disabled on a new website. Once you make the website live you can enable the Static CSS File Generation.

How to Clear Browser Cache?

If you’re experiencing a caching-related issue, we recommend clearing the browser cache. By performing this hack, you ensure no problem on your personal side. The basic idea is, to remove any corrupted caches from your local browser. 

If you want to confirm the presence of a browser caching issue, you can try accessing your website using a different web browser. This type of cache fixing depends on the browser you are using.

  • Google Chrome Browser
Clearing Google Chrome Browser Cache For Divi Websites

Open the browser and look for a three-dot icon at the top right, click on it, and then click “History” from the next settings popup. Or, you can simply follow the (Ctrl+H) shortcut. 

Clearing Google Chrome Browser Cache For Divi Websites

On the next screen, hit “Clear browsing data”. And there will be a popup on your screen. Select the “Advanced” option. There will be different cache types and a time range option. Select the cache types that you want to clear and hit the “Clear Data” button.

  • Mozilla Firefox
Clearing Mozilla Firefox Browser Cache For Divi Websites

Once you open this browser, you will see a three-line icon at the top right. Click on it and there will be a “History” option. In the next slide, click on “Clear recent history”.

Clearing Mozilla Firefox Browser Cache For Divi Websites

Then there will be a popup with different cache types. Select them as you need and choose a time period. Finally, hit the “Clear Now” button.

We’ve explained the cache clearing process of multiple browsers. You may use a different brower which will have seperate settings. You can follow this link to learn about the cache clearing of the most popular browsers.

Note: Clearing browser caching only affects a problem occurring on your personal side not to the other visitor.

How to Clear WordPress Plugin Cache?

We often use the WordPress cache plugin to avoid manual caching processes. This type of plugin can cache your overall website and make the page load faster. And, if you use one, you should regularly clear that plugin’s cache.

When it comes to WordPress caching plugins, there is a wide range of excellent choices available. To clear the cache, it is necessary to access the settings dashboard. Additionally, it’s important to note that the configuration settings for these caching plugins can vary. Some plugins may also refer to this process as purging.

In the following section, we offer a concise overview of how to clear the cache in a few widely-used cache plugins for WordPress.

  • WP Rocket
Clearing WP Rocket Cache for Divi Websites

Go to the WP Rocket dashboard and follow this path: Dashboard > Quick Actions > Clear Cache. Or, in your WordPress settings hover over the WP Rocket menu and click “Clear Cache” from the dropdown. Further, you can also clear the cache from the specific page or post.

  • W3 Total Cache
Clearing W3 Total Cache For Divi Websites

From your WordPress dashboard, navigate to Performance > Dashboard > Empty All Caches.

  • WP Super Cache
Clearing WP Super Cache for Divi Websites

Head to the WP Super Cache plugin settings, in the “Easy” tab you will see a button to “Delete Cache”.

  • WP-Optimize
Clearing WP Optimize Cache for Divi Websites

In your WordPress dashboard, roll over to “WP-Optimize” and click the “Cache” from the dropdown. The next settings screen will appear with the “Purge Cache” button. Click the button to clear all the cache.

Note: In some cases, you might use a dedicated WordPress hosting service. It can provide the caching solution for your end. Therefore, you do not need a caching plugin. You need to clear this cache type as well. If your hosting provider gives you access to clear these cache types, delete them. Or, you need to contact the hosting support team for this service.

How to Clear CDN Cache?

CDN (Content Delivery Network) caches content on the server closest to your visitor. It works through a geo-based server system that speeds up the transformation of website assets like HTML pages, JavaScript files, stylesheets, images, and videos.

As it is caching content to improve website performance, you should also clear this cached content. To remove this, you need to clear/flush/purge the CDN cache. To do this, you need to access the CDN panel settings. However, if don’t have access to it, you can contact the CDN provider.

How to Clear Server Cache?

The hosting service also runs the caching system for faster-server. A modern service provider usually implements different types of caching such as Object caching, WordPress caching, and other optimization methods like virtual file systems, sitemaps, firewalls, etc.  

The good thing is, most hosting providers regularly clear these caches. But, there isn’t a guarantee. So, you should try it manually. 

Remove this cache if your hosting panel has the option to enable server cache clearing. Or, you need to interact with the support team for this purpose. Or, you need to interact with the support for this service.

Conclusion

This was our super easy “how to clear Divi caches” tutorial. And, that’s what we like about Divi and WordPress, whenever there are issues there are also always easy solutions to sort you out. If you find this article helpful leave us a comment. Also, let us know if you find no solution.

Team DiviFlash

At DiviFlash, we are more than just a team – we are a collective of Dev Experts, Word Artists, Design Virtuosos, and Marketing Maestros, all united by our profound expertise in Divi and WordPress. Our mission is to provide you with accurate, insightful, and in-depth content aimed at enriching your understanding of Divi, WordPress, and the art of web design.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

📢 Discover our latest improvement & fixes in DiviFlash 1.4.5

📢 Discover our latest improvement & fixes in DiviFlash 1.4.5