Autoptimize Fails Mobile-Friendly Test

what mobile-friendly test would that be pbsbluejay?

frank

Google mobile-friendly text
https://www.google.com/webmasters/tools/mobile-friendly/

did a quick test on my own blog, which is considered mobile friendly. as my site obviously uses AO, it is not AO as such that renders a site as “not mobile friendly”, but the combination of the site’s context (theme + plugins) with AO. So in order to help you, I would have to have a look at your site with and without AO CSS optimization active really.

frank

Hello Frank,

Really appreciate you responding back.

Later on I will deactivate all plugins except AO and leave just the CSS Option box checked, as well use a different WordPress theme. I’ll see what happens and get back to you.

I’m using the W3 Total Cache plugin with Cloudflare as a CDN network, so I’ll pause Cloudflare as well.

The way my site is setup now it passes the Google Mobile-Friendly Test with CSS Option unchecked.

Philip

Update:

I deactivated all plugins, with exception to AO and left the Optimize CSS Code box checked. I also used a different WP theme and paused Cloudflare. Ran the Google Mobile-Friendly Test and it passed.

After activating one plugin at a time, my Metal Slider plugin seem to be in conflict with AO. The Google Mobile-Friendly Test failed. However, after all plugins were activated, I Emptied All Cache and Updated Media Query String in W3TC, as well as Save Changes and Empty Cache in AO. I also checked the other two boxes Optimize HTML Code and Optimize JavaScript Code in AO – the way I always had it.

The Google Mobile-Friendly test passed which didn’t pass after many attempts, before posting here. I thought initially the Metal Slider plugin was causing the issue but after running the Google Mobile-Friendly test several times and each time it passed, I’m somewhat at a lost.

Next, I resumed Cloudflare which is now active again for my site and ran the mobile test several times. Each time the test pass.

Note: I have clearing the cache in my Mozilla browser all along when using the Google Mobile-Friendly tool.

I’m going to assume this issue will arise again where the Google Mobile-Friendly test will fail. I suppose following through what I did today will correct the issue if it should occur again. I have the distinct feeling something is going on with Metal Slider and AO optimize CSS.

For the moment, this issue seems to be resolved.

thanks for the feedback Philip! if the mobile test fails, I guess it will specify what is wrong/ why it failed. that could help in identifying the root cause of this issue as well.

frank

Update:

I seem to have over looked one thing concerning AO, as to why my site/webpages are passing the Google Mobile-Friendly test now.

Under “Cache Info,” I unchecked the box “Save aggregated script/css as static files?”

When leaving that box checked, it caused the Mobile-Friendly test to fail each time. Unchecking it caused the test to pass each time. I ran the test today and it still passes the test.

well, the box needs to be unchecked if you’re not on apache or if apache cannot honour the rules in the .htaccess in cache/autoptimize, so that explains what’s going on.

frank