Divi Front-End Visual Builder and Single Page/Post Cache Purging Issue

However, I discovered that Divi’s Visual Builder doesn’t work and just loads indefinitely when used in the front-end of the site (i.e., it’s unusable in that situation). However, when using the Visual Builder in the back-end of the site, I’ve noticed that it works fine.

– If you are using the Page Rule mode for caching, can you ensure that when you are accessing your site on the front end for editing, the URL has the cache buster in it i.e. ?swcfpc=1 otherwise you can try enabling the worker mode (under the cache tab) and check.

Also, I’ve noticed that when either manually purging the cache for a single page/post from the option in the top admin toolbar or allowing the cache for a single page/post to be automatically purged by the plugin, the cache for the front page gets purged as well. I didn’t notice a setting for this behavior or anything mentioned in the FAQ about this though. So is this intended behavior or is this a bug/glitch in the plugin’s functionality?

– I didn’t get your question. If you are purging cache for any specific page or post from the top admin toolbar, by selecting purge this page one then only that page will be purged any not anything else.

But if you update any post and in the plugin settings you have selected to purge related pages then if the home page shows those contents then home page will be purged too. But then again, that shouldn’t happen if you purge a single page from the admin toolbar.

Hi @isaumya, thanks for your response.

Yes, I’m using the Page Rule mode for caching and the URL indeed has the cache buster in it. The following is the full query string when I use the Divi’s “Enable Visual Builder” on a page in the front-end of the site: ?et_fb=1&PageSpeed=off&swcfpc=1

Ideally, I’m hoping to avoid using the Worker mode, unless I really need to on a site. We have many WordPress sites, many that use Divi, and many that can receive a lot of traffic/requests, so we would quickly use up that daily 100K requests limit if we’ll need to use that mode on many of our sites.

As for what I’m noticing with the single page/post caching, I don’t believe from what I can tell that the Home page is showing the contents of the single page/post that the Cloudflare cache is being cleared for. It isn’t a terrible thing that this is happening, just not ideal. Also, this doesn’t seem to clear the cache for other pages or posts on the site from what I’ve seen so far. It only seems to affect the current page/post the edit was made on and the Home page each time.

Can you check the browser console if there is any error being thrown? Cause if you have the cache buster in the URL, then that page is not being served from CF cache and instead is being Bypassed from cache (you can check it on the browser dev tools network tab).

In terms of clearing cache, you can set the Log Verbosity to high in plugin settings and then download and check the logs as there you will see the exact operations the plugin is doing. Might give you a better idea.

Thanks, @isaumya.

I had checked the browser console to see if any errors were occurring, but I didn’t see any. However, I’m not sure which of the other changes I recently made on my site did it but this issue appears to be resolved and I can use the front-end visual builder on my Divi site with this plugin. In this case, it does appear that this was indeed a configuration issue on my end and not an issue with the plugin.

As for the other “issue,” I went ahead and changed the settings and checked the log afterward. It appears the plugin is clearing Cloudflare cache for the page I’m editing, as well as the author’s page, the feed for the author’s page, and then the home page. I do have the “Purge cache for related pages only” setting enabled. My understanding is that this would only clear cache for that particular page but perhaps I misunderstand and it clears a little bit more than that? Is there another setting I should enable instead so that only that particular page, or at least to not the home page included, have their Cloudflare cache purged?

The following are the log results I got after I made a small edit to a particular page, saved the page, and then manually cleared the Cloudflare cache for that page using the “Purge cache for this page only” option in the admin toolbar:

[2021-06-14 04:25:12] [preloader::task] Preloading complete
[2021-06-14 05:06:46] [cache_controller::purge_cache_queue_write] queue file not exist
[2021-06-14 05:06:46] [cache_controller::purge_cache_queue_write] URLs in purge queue Array
(
    [purge_all] => 
    [urls] => Array
        (
            [0] => https://example.com/EditedPage/
            [1] => https://example.com/author/AuthorPage/
            [2] => https://example.com/author/AuthorPage/feed/
            [3] => https://example.com/
        )

)

[2021-06-14 05:06:46] [cache_controller::purge_cache_on_post_edit] Purge Cloudflare cache for only post id ### and related contents - Fired action: clean_post_cache
[2021-06-14 05:06:46] [cache_controller::purge_cache_queue_write] URLs in purge queue Array
(
    [purge_all] => 
    [urls] => Array
        (
            [0] => https://example.com/EditedPage/
            [1] => https://example.com/author/AuthorPage/
            [2] => https://example.com/author/AuthorPage/feed/
            [3] => https://example.com/
        )

)

[2021-06-14 05:06:46] [cache_controller::purge_cache_on_post_edit] Purge Cloudflare cache for only post id ### and related contents - Fired action: edit_post
[2021-06-14 05:06:46] [cache_controller::purge_cache_queue_write] URLs in purge queue Array
(
    [purge_all] => 
    [urls] => Array
        (
            [0] => https://example.com/EditedPage/
            [1] => https://example.com/author/AuthorPage/
            [2] => https://example.com/author/AuthorPage/feed/
            [3] => https://example.com/
        )

)

[2021-06-14 05:06:46] [cache_controller::purge_cache_on_post_edit] Purge Cloudflare cache for only post id ### and related contents - Fired action: clean_post_cache
[2021-06-14 05:06:46] [cache_controller::purge_cache_queue_write] URLs in purge queue Array
(
    [purge_all] => 
    [urls] => Array
        (
            [0] => https://example.com/EditedPage/
            [1] => https://example.com/author/AuthorPage/
            [2] => https://example.com/author/AuthorPage/feed/
            [3] => https://example.com/
        )

)

[2021-06-14 05:06:46] [cache_controller::purge_cache_on_post_edit] Purge Cloudflare cache for only post id ### and related contents - Fired action: edit_post
[2021-06-14 05:06:46] [cache_controller::purge_cache_queue_start_cronjob] Purge queue cronjob started successfully - Timestamp 1623647206
[2021-06-14 05:06:54] [cloudflare::purge_cache_urls] Request URL: https://api.cloudflare.com/client/v4/zones/ZoneID/purge_cache
[2021-06-14 05:06:54] [cloudflare::purge_cache_urls] Request Body: {"files":["https:\/\/example.com\/EditedPage\/","https:\/\/example.com\/author\/AuthorPage\/","https:\/\/example.com\/author\/AuthorPage\/feed\/","https:\/\/example.com\/"]}
[2021-06-14 05:06:55] [cloudflare::purge_cache_urls] Response: {
  "result": {
    "id": "ZoneID"
  },
  "success": true,
  "errors": [],
  "messages": []
}

[2021-06-14 05:06:55] [cache_controller::purge_siteground_cache] Purge whole Siteground cache
[2021-06-14 05:06:55] [cache_controller::start_cache_preloader_for_specific_urls] Adding these URLs to preloader queue: Array
(
    [0] => https://example.com/EditedPage/
    [1] => https://example.com/author/AuthorPage/
    [2] => https://example.com/author/AuthorPage/feed/
    [3] => https://example.com/
)

[2021-06-14 05:06:55] [preloader::task] Preloading URL https://example.com/EditedPage/
[2021-06-14 05:06:56] [cache_controller::purge_urls] Purged specific URLs from Cloudflare cache
[2021-06-14 05:06:56] [cache_controller::generate_new_prefetch_urls_timestamp] New timestamp generated: 1623647336
[2021-06-14 05:06:56] [cache_controller::ajax_purge_single_post_cache] Purge Cloudflare cache for only post id ### and related contents
[2021-06-14 05:06:57] [preloader::task] Preloading URL https://example.com/author/AuthorPage/
[2021-06-14 05:07:00] [preloader::task] Preloading URL https://example.com/author/AuthorPage/feed/
[2021-06-14 05:07:02] [preloader::task] Preloading URL https://example.com/
[2021-06-14 05:07:04] [preloader::task] Preloading complete

If this all looks correct to you in how it is working, then I believe this “issue”/question is resolved.

Any update about this yet? I would like to mark this “issue”/question as resolved, but I would just want to have those log results reviewed/checked first before doing so.

Thank you.

Hey man the log looks good to me, I don’t see any issue in the above logs.

Great, thank you, @isaumya, for reviewing the log results I shared and confirming that this all looks correct to you in how it is working.

In this case, I feel this support topic is now resolved.