What we tested
On our Elementor test page with WP Rocket (our recommended setup, including “Remove unused CSS”), we made four typical changes, exactly like in the editor: a text on the page, a text in the header, the global accent color and a menu item. After each change we checked as a visitor, on mobile and desktop: is the change visible right away? After one minute? Only after clearing the cache?
| Change | right away | after 1 minute | after “Clear and Preload Cache” | after “Clear Used CSS” |
|---|---|---|---|---|
| Text on the page | ✓ visible | ✓ visible | ✓ visible | not needed |
| Text in the header (Theme Builder) | ✓ visible | ✓ visible | ✓ visible | not needed |
| Menu item renamed | ✓ visible | ✓ visible | ✓ visible | not needed |
| Global accent color (site kit) | ✗ old version | ✗ old version | ✗ old version | ✓ visible |
For text, WP Rocket works together with Elementor: as soon as you save, the cache is cleared and rebuilt. With the global color, however, only the site kit’s CSS changes. With “Remove unused CSS”, WP Rocket had stored a cleaned-up CSS for each page, and it still contained the old color. Neither “Clear and Preload Cache” nor Elementor → Tools → Clear Files & Data changes that. After “Clear Used CSS” the page showed the new color right away, and it stayed correct after WP Rocket had recalculated the CSS.
The right order
If a change does not show up, clear the caches from the inside out. That way, each step builds on the fresh state of the one before:
- Regenerate Elementor’s CSS if colors, fonts, spacing or global styles are involved.
- Clear the WP Rocket cache, so the pages are rebuilt.
- If you use “Remove unused CSS”: also Clear Used CSS whenever colors, fonts or other styles have changed.
- Bypass the browser cache: open the page in a private window.
Clear the WP Rocket cache
- In the black admin bar at the top, hover over WP Rocket.
- Click Clear and Preload Cache. WP Rocket then clears the whole cache and rebuilds it.
- If you use “Remove unused CSS” and changed colors, fonts or styles, also click Clear Used CSS in the same menu.
Regenerate Elementor’s CSS
- Open Elementor → Tools.
- On the General tab, click Clear Files & Data.
- Then clear the WP Rocket cache as described above.
Browser cache
Your own browser keeps files too. To check, it is best to open the page in a private window. There is no browser cache there, and you are not logged in. While logged in, WP Rocket never shows you a cached page anyway, so you always see the fresh version, but your visitors may not. More about the different caches in What is caching?.
Clearing automatically
For most changes you do not have to do anything: in our test, WP Rocket cleared the cache by itself when saving a page, a header template and a menu, and the change was visible to visitors right away. The exception is global styles combined with “Remove unused CSS”, see above. After plugin or theme updates, a click on “Clear and Preload Cache” is worth it too.
For the technically curious: setup and raw data
- Lab: WordPress 7.1.4, PHP 8.4, Hello Elementor 3.5.2, Elementor 4.3.6, Elementor Pro 4.3.2, WP Rocket 3.24, shared hosting at All-Inkl. Methodology
- WP Rocket: our recommended setup from WP Rocket settings for Elementor, “Remove unused CSS” fully processed before the test, cache preload on.
- Changes through the Elementor interface the editor also uses when you click Publish (saving the document), or through the WordPress menu function. Page and header: first heading; color: global accent color in the site kit; menu: first menu item.
- Check as a logged-out visitor with a mobile and a desktop user agent. For the color, we read the color actually displayed on the “Open popup” button, which uses the accent color, in a real browser. We tested the text changes in the morning and the color in the afternoon with fully calculated CSS (146 KB).
- Raw data: sichtbarkeit.csv. Tested on November 8, 2026.
