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 )

Step 5: Clear CDN Cache