IMPORTANT: Make sure that you are using Cloudflare's CDN first before reading the rest of this article.
You are using the CDN service of Cloudflare if your domain or subdomain has the orange cloud turned on in the settings in your DNS page in Cloudflare.
Before you start working on your website, you must login to Cloudflare to turn on development mode.
This mode is auto-disabled after 3 hours from the time you enabled it.
If you are expecting to work on your website for more than 3 hours, you have to go back to turn this mode on every 3 hours in order to see the changes to your WordPress website on the frontend.
If you have not turned on development mode before you started the work on your website, you will have to login after you are done with the website work in order to either purge the page or entire Cloudflare cache.
This is after the 30 seconds waiting time for the auto OPcache purge.
Example 1:
You turn on development mode in Cloudflare before working on your website. Assuming the work is completed within the 3 hours timeframe of development mode being turned on.
After you are done with your website changes, wait 30-60 seconds for the OPcache to purge itself.
Then hard refresh your website on the frontend in a separate incognito window to see the changes.
Example 2:
You did not turn on development mode in Cloudflare before making changes to your website.
After you are done with work on your website, you have to wait for the OPcache to auto purge itself. Wait for 30-60 seconds.
Then you have to login to Cloudflare to either purge the page you were working on, or the entire Cloudflare cache. Wait 30-60 seconds for Cloudflare to fetch the new changes to the CDN.
Then hard refresh your website on the frontend in a separate incognito window to see the changes.