That means no security feature of Cloudflare is blocking Google.
One possibility is that your hosting provider may be rate-limiting Cloudflare. Please read 522 and talk to your hosting provider’s support to make sure they are not firewalling or rate-limiting Cloudflare IPs.
Cloudflare is not blocking your page. If it were, GSC would display it as a regular error on its Coverage panel. It is only displaying the error when you test with the test tool. That makes me think that perhaps critical assets (CSS, JS) requested to render the page are somehow either blocked or scrambled.
Are you using any CDN other than Cloudflare to host these files? If so, try to disable the CDN and serve all the files locally, see if that makes a difference. See this thread on Twitter: https://twitter.com/sambuno/status/1462629307637977095
Another possibility is some odd combination of Cloudflare features. Do you have Rocket Loader on? Try disabling it. Check any feature you might have recently enabled, by going to your Cloudflare Dashboard > Audit Logs.
Another @MVP may have a better clue. I remember @M4rt1n has recently escalated a similar issue, not specifically related to the Mobile Friendly test, but to Google Search in general, IIRC. I’m not the issue was solved.
Despite they sa “RunCloud” is not enabled for your website, kindly, I’d also suggest to ask RunCloud and your hosting provider to re-check if Cloudflare IPs are allowed to connect/pass to the origin host/server:
What is the script type="rocketlazyloadscript" for a type MIME-type?
That’s maybe why you have some issues on Google as Googlebot doesn’t recognize it.
And I still se resources being served from /wp-content/cache/.
You also have another cache plugin, aside WP Rocket - x-nginx-cache: WordPress.
And another one x-endurance-cache-level:0.
And maybe using Page Rule like Cache Level: Cache Everyting as far as the cf-cache-status: REVALIDATED (should be DYNAMIC)?
I’d suggest disable each.
Clear cache at your origin WordPress + cPanel (endourance?).
If using Page Rule as above mentioned “Cache Everything” disable it.
Click on the “Purge Everything” at Cloudflare dashboard → Caching → Configuration.
Leave if for few hours so we could re-check and see if anything different.
And images now failed to load as far as the resource path is being “stated” in data-lazy-load attribute due to the Plugin instead of the img src="", which has got some “temporary image”.
Rather setup loading="lazy" attribute to each img tag than using that plugin.
Please be aware and check above articles related to the WP Rocket if you are obviously using it and configure it as it should be while using Cloudflare, and as far as I saw the style type="" was also some “rocketlazyload” which is incorrect type for CSS and JS code.
And caching WordPress articles/pages as a .html is okay if done at the origin host, but not good if you are using a Page Rule Cache Everything within it as far as visitors may encouter issues as seeing a admin bar at the top from some “cached logged-in user”.
Thankyou so much, I activated all the plugins back and issue is still resolved.
I think some feature from Cloudflare is causing the issue because I disabled all featured, security, Speed, caching etc. but now I’ll activate all the options 1 by 1 and see which feature was causing the problem with the website and update you here.