Elementor + Browser cache updating Issue

Question

I've been using Elementor and I noticed that purging cache doesn't really do much for pages that are in the browser cache.  Every time, I need to clear the browser cache in order to view changed pages after I edit them with Elementor.

My question is:

Should there not be an ETag in place, which tells nginx that a file is not the same as the cached version anymore? Or is there a bug here? Or am I just understanding this wrong?

Thanks,
Lex

Answer 1

I could be wrong of course, but I think that once your browser has cached something it is the browser who needs to know that i should load that file from the origin and not the cache anymore, so you'd need to locally purge the browser cache.

I have a dev version of chrome for that which I set up to always have the dev tools open and there you can disable the cache in the Network tab (top bar under the tab). And when the dev tools are open you can also right click on the reload button and choose to purge the cache and fully reload.

And a side note on the ETag, I found an explanation here by chance that Cache-Control seems to be the better choice: https://www.digitalocean.com/community/tutorials/how-to-implement-browser-caching-with-nginx-s-header-module-on-ubuntu-16-04