Clearing cache on the whole website
When we do a global clear cache:
- When do Changes on WordPress theme (frontEnd Part [added JS][add CSS] [Updated CSS and Update JS])
- Global Change [changed the Style Aheto Settings, changed the header or footer (global elements)]
- Updated a Plugin (whenever we update any plugins, especially related to the frontEnd [ex. elementor] )
- Changed Elementor Style Settings
How to clear the cache on the whole website
Step 1 Clear Cache on WP Rocket
Go to Settings → WP Rocket → Dashboard tab and press the Clear cache button
Another way is via the WordPress tool bar (or admin bar). Roll over the WP Rocket menu link, and you will see a dropdown menu. Click on the Clear cache link.
By Clearing the cache of WP Rocket, you are actually removing all the cached pages from cache directory.
Step 2 clear cache for Asset CleanUp
If we used option for caching from this plugin too.
We are using Asset CleanUP to avoid using JS and CSS of different plugins on some specific pages where it's not needed.
Step 3: Regenerate Critical CSS
You can do that from dashboard of the WP-Rocket.
By Regenerate Critical CSS - WP-rocket will generate the main CSS files that need to show the page.
Step 4: Preload cache
You can do that from the dashboard of the WP-rocket.
By Preloading cache wp-rocket will generate a new cache file for each page (keep in mind that you can avoid this - as anytime first visitor coming to a specific page will actually generate a cache file )