When do you need to clear cache? Well, mostly when you encounter a problem with your website such as not seeing the changes you have made in the front end of your site. We will talk about three different cache systems found in the WordPress ecosystem: Browser Cache, Plugin Cache and Server Cache.
Browser Cache – this is cache stored by your browser to allow your page content to load faster.
Plugin Cache – this is cache specifically from a 3rd party WordPress plugin.
Server Cache – this is cache imposed by your hosting company directly from your server.
How To Clear Browser Cache For Each Browser
This type of cache is also called Temporary Internet Files, and it basically is a folder where websites, images, or photos are cached or stored. Thanks to this, it takes less time and the loading is faster when visiting frequent websites. However, if refreshing a page is not solving the issue, then it means that you have to clear the browser cache.
For Google Chrome
Step 1 – Click the Customize icon found on the upper right corner of the browser. The icon will look similar to three stacked bars.
Step 2 – Click the Settings option, and switch to the History tab on the left side.
Step 3 – Click the Clear Browser Data… button.
Step 4 – Select The Beginning of Time option from the dropdown menu, make sure that only the Cached Images and Files option is checked.
Step 5 – Click the Clear Browsing Data button to clear your cache.
For Internet Explorer
Step 1 – Click the Tools icon found on the upper right corner of the browser. The icon will look similar to a gear.
Step 2 – Click the Internet Options option from the dropdown menu. This will bring up the Internet Options window.
Step 3 – In the General tab, click the Delete… button under the Browsing History section.
Step 4 – Make sure that the Temporary Internet Files and Website Files option is checked.
Step 5 – Click the Delete button to clear your cache.
For Mozilla Firefox
Step 1 – Cllck the Open Menu icon found on the upper right corner of the browser. The icon will look similar to three stacked bars.
Step 2 – Click the Preferences option, and switch to the Advanced tab.
Step 3 – Once in the Advanced tab, switch to the Network tab.
Step 4 – In the Cached Web Content section, Click the Clear Now button to clear your browser cache.
For Apple Safari
Step 1 – Click the Safari option in the top menu bar.
Step 2 – Click the Preferences… option, then the Preferences window will pop up.
Step 3 – In the Preferences window, switch to the Advanced tab. Once there, make sure the Show Developer Menu In Menu Bar is checked.
Step 4 – In the top menu bar of Apple Safari browser, you will now see a Developer option.
Step 5 – Click the Developer option, then select Empty Caches option to clear your cache.
Detailed information on other browsers can be found below:
Clear Plugin Cache
It is common to use WordPress plugins in order to enable cache. Although that shouldn’t be done during the development phase, you can use them in production. When applying changes or theme updates cause problems, it’s the time to clear those caches. There is a different process depending on the plugin you’re using. Below you will find explanations for the most popular plugins:
W3 Total Cache
Find the performance link at the top section of WordPress’ admin page.
Click on “Purge all caches”
WP Super Cache
WordPress Admin Menu > Settings > WP Super Cache.
Click on the Delete Cache button.
Clear Server Cache
In order to improve the server’s performance, hosting service providers apply some internal caching. You will need to check their documentation or contact them to clear server cache. The most popular servers that use this cache system:
Important: If you’re not using one of the hosting service providers from the list above, contact your provider or simply check their documentation.
Clear 3rd Party Cache
The cache conflicts happen in some cases when 3rd party Content Delivery Networks or cache systems are used. MaxCDN, CloudFlare or Varnish Cache can be considered popular choices. Clearing those functionalities or disabling them temporarily is a good practice for troubleshooting.
In some rare cases, adding htaccess password to the website causes problems for dynamically generated files of the theme. It is worth to disable the HTACCESS Password and check the front end of the website to see if it will fix the problems.