Infact, I went to the "URL Inspection" section and tried the "URL Inspection" feature, then checked the "View Tested Page" and sure enough, there too my website's css files are not being loaded the page says! What should I do now? I've already checked my apache error logs and nothing shows up there either.

In the older versions of GWT, there was the old View as Google tools that could show you what your page looked like to their bots and whether any resources were being blocked. They would list their own files that were out of your control, but when it was something like a .css file they might show that it was being blocked by your robots.txt file. I'd suggest you make sure that if you are blocking the directory or folder where your css/js/img file is at, you should add a line to ensure that the "/*.css" file is accessible. If their bot cannot read your css, (or .js, or .png, etc.) they cannot evaluate the page.

Hello,

Are your css / js served through a CDN ?

JorgeV yes I'm using Cloudflare. I did turn off Cloudflare (dev mode) but it didn't make a difference.

[edited by: born2run at 12:19 am (utc) on Apr 23, 2021]

not2easy I'm not blocking any files. Infact I checked via browserstack and the site is loading OK with many locations / mobile phones worldwide.

Loading in a browser is easy, that is what your html is designed to do. The bots need access to any/all resources to evaluate user experience. If you are not blocking any resources via robots.txt, have you checked to see that the bots have access to your files after changing your CDN settings?

not2easy Ok i'll turn off Cloudflare and test a few times and revert back here.

Well I turned off their new "Super Bot Fight Mode" and it seems it was blocking Cloudflare's own Speed test bot too! But I don't see any difference in the Google's bot Mobile friendly fetch results. I'm about at my wit's end :(

So I turned off Cloudflare completely, and tested, and still the Google Live Test URL is reporting loading errors on a large number of my css/jpg/js files :-(

Are the problem files (css, js, img files) hosted on your domain? Are they in the root directory?

Yes all files are in my publichtml directory. Some in a css directory some image files in root directory

Earlier in this thread you mentioned testing using the

"URL Inspection" feature, then checked the "View Tested Page" and sure enough, there too my website's css files are not being loaded the page says!

That tool can still show you any problems with loading though it is not as clear and obvious as it used to be. You should be able to drill down for Google to show you the reason for not loading the files.

If the files are there and are not blocked by any disallow rules, they should be loading just fine. Do they have some different file permissions? (Yes, guessing and grasping at straws.)

No different perms google marks them as Other Error

Hi so I found that the Cloudflare CDN service's Pro plan Managed Rules Firewall was blocking resources of my website while running the Google's Mobile Friend test.

FYI So for now I've disabled some CF special rules, and as well as allowed AS15169 where all the Google bots come from.

I think there should be a better way to allow all Google bots. I'll ask in the other forum. Thanks!

First, what Google test tool say is of secondary importance. When you load your page in a browser, do the pages load correctly are the any errors logged in the console and do all resource load correctly?

It says the site is mobile friendly but it also says "Page partially loaded"

Don't sweat it, it almost always says that.

I checked the details and found it's a few image files and a critical javascript file that's used for my menu.

Next to each element that didn't load it tells you why in the column "status" eg: blocked by Robots.txt. Note that the robots.txt is not necessarily yours but can and often is the Robots.txt of the domain that hosts the code. A good example where this occurs is with ad code.

Below the section "X page resources couldn’t be loaded" there is the section "JavaScript console messages". Those messages provide information as to the source of the issue, example again referring to ad code from my website:

"https://www.example.com" has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

So this tell us that the problem has to do with CORS policy, so if this were a problem you would know to adjust the CORS policy to suite the situation. But often times resource are blocked with good reason, as is the case here, so the simple fact that the "error" appears does not mean that there is anything wrong per-se.

If you are unsure about a message either screen-cap the message, being sure to hide specifics (eg: your domain and ad/GA account info) and post it here. Or simply cut and paste the code using the code tags.

Well thanks also I read google bot is throttled if resources in webpage are many files. That could explain this issue.