Problem + Improvement Proposal

Hello @atutrabajo

Thank you for reaching out and I am happy to assist you with this.

Well, this is very specific related problem for the specific parts that were made with a specific plugin. This being said, One thing that I can see, is the query string added to static elements by the W3 Total Cache. Now depending on what you are changing, styling for example, it means that the CSS is changed, so you also need to Update Media Query strings in the Browser Cache section. Once you update the query string and purge the cache, any browser should fetch the new and updated file.

It’s not the question if the W3 Total Cache is compatible with other Browsers (there is no compatibility issues what so ever), it’s just the matter of how different browsers work in any specific case.

Does this only occurs while logged in or once the page is edited the issue occurs in incognito (logged out) mode?

What are the changes you are makin in the header/footer?

Thanks!

Hello Marko. First of all, thanks for responding so quickly (As always, bah:).
Having said that. Several things regarding your answer:

• As for…
  …”depending on what is changing, for example the style, it means that the CSS has changed”…
  I tell you that, NO, Never, Never Change the CSS or ANYTHING in the header and/or footer for several MONTHS (When I finished defining it).
• Regarding…
  …”so you should also update the media query strings in the browser Cache”…
  It’s what I ALWAYS do. However, when I do it in ANOTHER browser than Google Chrome, these errors (in the header/footer), remain.
  That is to say, as I said, I have to edit the page in a browser and then go to Google Chrome so that these errors are “cleaned”.
  It’s more…
  When I work EVERYTHING in Google Chrome, I don’t even need to clean up the query strings every so often (as you say). I simply finish editing whatever page it is, save the changes, clear the cache in Cloudflare and soooo! The changes are reflected PERFECTLY and neither the header nor the footer are modified or give the error that I showed you in the screenshots.
  In fact (another detail)…
  The ONLY page the error appears on is ALWAYS the one I’m editing on. ALL the others, remain as is (as it should be) because, the header/footer is the same in ALL () () Except in those sales pages in which, for “marketing reasons” (put it), I remove the header and/or some part of the footer so that readers are not “distracted”, heh.
• Regarding…
  …”Once you update the query string and purge the cache, any browser should get the new, updated file”…
  This is so. AND NOT. I explain…
  What does update is the text. That is, what I added/corrected/whatever. But…
  The header and footer are AUTOMATICALLY “disconfigured” (As I showed you).
• Linked to…
  …” Does this only happen while logged in or once the page is edited, does the problem occur in incognito mode (logout)?”…
  I do not understand the question. But, just in case, I will explain my “procedure”;
  a) I open any browser other than Google Chrome (And I tried +10, heh)
  b) I copy and paste the url of my WordPress admin panel
  c) I go to Pages/Edit page and open the one I’m working on
  d) I edit a part (I add text/images/whatever)
  e) I save the changes
  f) I go to Cloudflare and clear the cache of THAT page
  e) I go to an incognito window and boom!

And the “curious” thing is that when I do all this in Google Chrome this problem does NOT appear.
It’s more…
When I work everything in another browser and then go to Google Chrome/Incognito window the problem “remains”.
So, I have to do it all over again but, with Google Chrome. That is to say;

• I reopen my administration panel
• Cleaned ALL caches (Including Media)
• I clear (again) the Cloudflare cache (but open in Google Chrome) and soooo! () () In fact, before sending you the correct “samples”, I had to repeat this SEVERAL times, heh.

Finally and linked to…
…” What are the changes you are making to the header/footer?”…
Like I said, it’s been MONTHS since I made ANY changes to these elements on my site.

I hope it is understood.

I await your comments.

From already thank you very much.

Hello Marko.

I think, as we say here…

…”I found the way around”… ??

The issue is more or less like this:

A while ago I was having the SAME problem that gave rise to this ticket.

That is to say, I had ONLY inserted an image in my text (stage9.atutrabajo.org/buscar-trabajo) and, again, boom!

Then again, I started to “freak out” because even said image… I had inserted it BEFORE!

That is to say, yesterday I had inserted it from Opera GX but today, I had saved it from Google Chrome because I did NOT see it.

And as soon as I logged into my admin panel, I saved my changes, cleared ALL caches, and did the same on my Cloudflare… boom! (Again the mistake).

So I started cleaning it like I told you I always do (Google Chrome/Panel/Clear Caches/Page/Clear Cache) and it ONLY “cleaned” when I entered my site from an incognito window.

In other words, in the “normal” browser window, the error was NOT cleaned.

So, since I had to get out and seeing that, even in an incognito browser, everything looked fine, I left.

And when I came back (after a couple of hours)… Sooooo, the error was “fixed”, even in a normal window.

And why, at first I said that, did I find the way around?

Simple.

Turns out, I have your W3TC plugin configured with…

…”Page cache/Cache preload/Automatically prioritize page cache/Refresh interval: Every 5400 seconds/Pages per interval: 10/Preload post cache on post events”…

In other words, in the interval between when I left (angry) and when I came back, the cache rebuilt ALL the pages (or at least the ones I was interested in) and soooo!

That and the fact that, on my Cloudflare, I have the following rule…

…”Browser cache TTL: Respect existing headers”…

This other…

…”Cache Level/Cache everything”…

They make me think the following (see what you think):

When I edit ANYTHING, on ANY page, something causes both the header and footer (built with the Elementor Heather & Footer plugin) to “destroy”.

This, of course, is NOT seen in an incognito window because it does NOT have a cache.

However, in a “normal” window, it is NOT corrected until your W3TC plugin, PRELOAD IT again.

Anyway.

So far, the “diagnosis”.

So, I ask you, will you have a solution?

I await your comments.

Greetings.

PS: You might be wondering (and rightly so) why does this guy have those rules at Cloudflare? Simple…

To improve my Pagespeed score, heh.

Ergo, if you find a solution, please keep this in mind.

Hello @atutrabajo

Thank you for your feedback. Do you have any other custom rules in your .htaccess file besides the W3TC rules and the default WP rules?

THanks!

Hello Marko. Yeah. AND NOT. I explain…
Specifically in regards to;
…” Do you have any other custom rules in your .htaccess file besides the W3TC rules and WP default rules?”…

• ALL the custom rules in my .htacces file ARE:
  1) Created (opportunely) by the Really Simple SSL plugin () () Which I ALREADY uninstalled (But I kept those security measures, heh)
  2) Additional security measures () () For example;
• Do not allow editing content (or exploring directories) from browsers
• XML RPC BLOCK
• Protect wp-config.php
  Etc.
  3) Changes made through cPanel MultiPHP INI such as…
• Maximum size of file uploads
• Maximum time to execute tasks
  Etc.

That is to say, as you will notice, NONE related to the cache.

That being said, in the previous post, I forgot to mention/remind you of the following:
a) The 5400 seconds (1.5 hours) I set for cache preload is because…
a.1) I have 40 pages (41 actually)
a.2) My hosting is VERY LIMITED
a.3) I think it is ENOUGH () () It implies that, in (approx.) 6 hours, I finish “preloading” (almost) the ENTIRE site. Ergo, in one day…
I “precharge” it 4(four) times! (Even though I CURRENTLY work on 1 ONLY page!

b) In case you didn’t understand…
b.1) When I proceed like this:
b.1.1) I go to ANY browser (including Google Chrome)
b.1.2) I’ll Edit ANY page and Save Changes
b.1.3) I clean ALL caches (Including the Media cache)
b.1.4) I clear the cache of the page in Cloudflare
b.1.5) I go to an incognito browser…
The page looks PERFECT

On the other hand, in a “normal” window, in ALL cases, the edited page (ONLY) has the errors that I showed you (In the header and footer).

b.2) When I proceed like this…
b.2.1) I go to any browser (other than Google Chrome)
b.2.2) Edit ANY page, Save, Clear cache
b.2.3) From the SAME browser, I go to Cloudflare
b.2.3.1) I clear ANY cache and hope
b.2.3.2) I’m going to see my page and boom! () () Pum is the MISTAKE again, heh!

And finally…
b.3) When I proceed like this;
b.3.1) I do EVERYTHING from any browser
b.3.2) I go to Chrome, I enter Cloudflare and Clean
b.3.3) EVERYTHING looks PERFECT (Both in Incognito and Normal)

Conclusion:
For ME, there is some kind of incompatibility, but, between your plugin and the Header & Footer plugin.
Although, anyway, it seems that it is “temporary”. That is…
It lasts until the page is “rebuilt” with the cache preload!

Ergo. For me the possible solutions could be:

1. That you do something in your code that reproduces the conditions that cause everything to be “fixed” afterwards (that is, when the page is rebuilt). But before () () Or at least for the page being edited.
2. That you talk to the people of Elementor Header & Foter (Or tell me what to tell them)
3. That you talk to the people at Cloudflare (Or tell me what I could tell them)

I await your comments.

Greetings.

PS: Meanwhile, I am proceeding as I told you. That is to say…

• I edit the page from Opera GX (For what I told you about my LITTLE resources)
• I save the Changes and (without leaving Opera) I open Google Chrome
• From Google Chrome I open Cloudflare and I clean the cache
• I enter an incognito window and soooo! () () Tanaan is that you can see EVERYTHING Ok, heh.

And even with this “system” the changes in a normal window (from Google Chrome), look PERFECT (That is to say, WITHOUT ERRORS neither in the header nor in the footer).

Hello @atutrabajo

Thank you for your feedback.
At this point, I can suggest you follow the workflow that does not create issues for you.

We are still unable to replicate the problem so this needs a lot of testing.
Thank you for bringing this to our attention.

Okay. That’s what I’m doing, heh.

Anyway, please, DO NOT close this ticket until you let me know if you found a solution, okay?

Thank you so much.

I await your comments.

Greetings.

PS: Remember what I suggested about contacting (you, me, whoever) the plugin (Heather & Footer) and/or Cloudflare.

Hello Marko.

How are you doing with this?

I ask you because, as you can see in the following screenshot;

https://ibb.co/QcFhTKY

The Problem STILL Persists!!!

And, It’s been +2 months since your last reply.

I await your comments.

Greetings.