如何在不按 CTRL + F5 的情况下使 Elementor 更改可见？

Question

I'm currently using WordPress with Elementor to build a new website. I'm creating the website in Chrome, and viewing the website in Firefox.

When I make changes in Elementor in Chrome, and update/publish the changes, I have to press CTRL+F5 in Firefox to see the changes.

So Elementor must be updating a CSS file, with the same filename.

What can I do to ensure my Elementor changes are visible to everyone, without them having to press CTRL+F5 (force refresh) to see the changes?

Many thanks

Answer 1

In this case, you shoud go to Elementor ->Tools->Update CSS/Style (something like that). If you are using a caching plugin, make sure to "clear the cache" too.

Answer 2

Try to change the cache duration in .htacces

But I would recommend deactivating this setting after development. Otherwise this can have negative consequences for your SEO (PageSpeed).

# BEGIN Browser Cache
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css "access plus 300 seconds"

</IfModule>
# END Browser Cache