Hello,
The developers have created a mobile theme so as to optimize the layout for the small screen devices. Looks superficially great.
But when we use cloudflare CDN and cache plugins like WP-Rocket, etc, they store the cache of a website and show it to all the users regardless of their screen sizes. This is very embarrassing.
Here’s what I mean.
The cache plugins and cloudflare knows no difference between the screen sizes because they do the caching for the domain name or the URL and not the screen sizes. So I can’t really understand the thinking of developers behind creating this plugin. Didn’t they know that people use cache plugins for speed optimization and the cache shows only one layout for all the screens.
If any of you people can provide a solution, then please. Because I’ve been trying to get out of this turmoil for two days with no results. I want to use amp + mobile theme and I also want to use cache plugin with Cloudflare. But I only want to show the mobile theme + amp to the mobile devices not everyone.
I hope you have a solution.
Hi,
We are aware of the fact that the mobile theme plugin may not work properly with various caching plugins or implementations. Based on user feedback there might be problems like the mobile theme being displayed on desktop in some cases, caused by caching.
We recommend the WP super cache with these settings
– https://tagdiv.com/wp-super-cache-plugin-install-and-configure/
This is tested by us and working fine. Up to this point we haven’t made any testing in the matter.
Please try if possible to use this caching plugin as it will work fine with the mobile theme.
If that is not possible, maybe try and enable the mobile caching in the rocket plugin
– https://docs.wp-rocket.me/article/140-wrong-display-mobile-tablet-desktop
– https://docs.wp-rocket.me/article/708-mobile-caching
But I can’t say if that will work or not unfortunately.
Thanks
It’s a sigh of relief to know that tagDiv team knows what I am talking about and what’s exactly happening. And please note that I am also using Free cloudflare CDN. And I wonder if this can be the root of issue. Have you people teated it with Cloudflare caching which serves a different purpose than caching plugins?
Please let me know the optimum settings for cloudflare if you tested your mobile plugin with it.
Because as of now, I have uninstalled the wp-rocket and I am not using any caching plugin but only cloudflare. And the problem is still there. So I think cloudflare could be the cause but I can’t disable it entirely since it’d affect my page speed. So, please let me know your suggestions.
Hi,
I enabled wp rocket with mobile caching and it worked. I hope it won’t cause any issue again.
And thanks a lot for your suggestion. It helped me a lot.
Hello @pratiek
Are you using wp rocket? how does your site perform? We had to move to wp supercache and cloudflare together and our site having the same issues with mobile version on the desktop etc…
Thanks
Hi, printing3d.
I’d be happy if I could help.
I am using WP rocket because only WP rocket provides the option of caching for mobile devices and separate cache files for mobile devices. Please use WP rocket and enable this option.
I noticed that cloudflare wasn’t responsible for this issue in the first place.
Also I use SiteGround as my hosting provider. They enabled the static cache from their end when I bought the hosting.
Since I am using WP rocket for caching I disabled both static and dynamic cache from SiteGround caching tool.
If your hosting provides caching functionality, disable static and dynamic cache that is provided by the hosting and use Wp rocket with the mobile option that I mentioned above.
You can enable the memcache in your hosting if they provide this option. Even without this, you are good to go.
If you need any further help, don’t hesitate. Reply with your issue and I’ll reply back for sure with what I know.
Good Luck.
