How To Make Your WordPress Mobile Theme Compatible With W3 Total Cache

Believe it or not w3 Total Cache is the best caching plug-in around. It has all the necessary features to fully optimize any WordPress blog or website. W3TC can speed up any slow blog and it is so powerful that it can crash your blog if you do not configure it properly. As awesome as W3TC is, it is not compatible with most plug-ins especially when you turn on the minify mode but the thing is, we are not talking about compatibility issues or are we?

mobile-theme-with-w3tc

If you’re using mobile theme to serve your mobile users, you will notice that sometimes it shows your desktop view to your mobile users and sometime it shows your mobile view to your desktop users. Enstine commented about the same issue at one of my blog post and here’s how he put it…

muki-comment-on-the-issue

Yes, i was having that same problem till i found a way to correct the issue. That problem is simply a caching problem and today, we are going to learn the simple way of correcting it and putting our blog back to normal.

Making Your WordPress Mobile Themes Compatible With W3TC

To make your mobile theme compatible, follow these simple steps below…

First off, go to your WordPress dashboard and click “Performance” – it is located by the left hand side of your dashboard.

Now click “User Agent Groups” to take you to that pane [see image]

w3tc

Now in the “User Agent Groups” area, we are going to enable everything we see there. So in “Group name 1: high” click “Enabled

Scroll down and Enable “Group name 2: low” as well.

Have you done all that? Now click “Save all settings

We have finished the round one of the post now let’s head over to the part two, shall we?

Now open a notepad and copy all the user agents you see there to the notepad

Have you done that? Now by the left, click “Page cache

Scroll down to “Rejected user agents” and paste all the user agents you copied earlier.

Have you done that? Now click the “Save all settings” and you’re completely done.

The process is very simple right? Now you won’t have the problem of your mobile view showing as your desktop view or your desktop view showing as your mobile view. You can sleep comfortably knowing your site is well optimized :).

Back to you

Do you have questions you’d love to ask regarding the topic at hand? Then please do drop them by using the comment box below and I will get back to your comment ASAP.

Do you have comments and thoughts you’d love to share with us? You can also use the comment box below. Remember that your comments, questions and thoughts are highly welcomed and much appreciated.

Was the post useful? Then do click the like button, share us and recommend us to friends because you will never know who among your friends might be in need of a post like this. Do not forget to subscribe to our feed for your latest updates on the go…

Don't Miss Any Post Again. Subscribe To Our Feed And Be Updated

Enter your email address below:

 

Powered by OnenaijaBlog

Comments

    • says

      Hello Okto,
      Really? Are you using any mobile theme plugin and w3tc? Well this might be of help to your clients or blogging buddies, when they encounter issues like this…
      Thanks for for stopping by and dropping your valuable comment. Do have a wonderful week end…

    • says

      Hello Kingsley,
      This would definitely work for you. You can call the method the finishing tutorial on how to configure your w3 total cache :)
      Thanks for stopping by and do have a wonderful week end…

  1. says

    Hi Babanature,

    Nicely explained tutorial yet again :)

    I haven’t faced this problem because I don’t have a mobile theme as such, but the responsive one, and so far there are no issues with W3 Total Cache. Nevertheless, I think those who are using it, would find this tutorial very helpful.

    Thanks for sharing. Have a nice week ahead :)
    Harleena Singh recently posted…Don’t Make These Blogging MistakesMy Profile

    • says

      Hello Harleena,
      Thanks for the kind words ;)
      Yeah, you are using a responsive theme at the moment, but i am certain that you will need it when you decide to jump in to a mobile theme wagon :)
      Thanks for your valuable comment dear friend. Do have a perfect week end…

  2. says

    Hey Babanature,

    I’m sure this is good to know for most mobile users, especially if they are using this caching plugin.

    I don’t really reads blog posts via my cellphone though and I’m not using a caching plugin so I don’t believe I’m having this issue. Just one more darn thing to worry about right! So much stuff to think about..

    I appreciate you sharing this though, good to know for future reference.

    ~Adrienne

    • says

      Hello Adrienne,

      This post is indeed helpful for bloggers using mobile themes and as well as W3tc
      Yeah, if you are not using any caching plugin on your blog, you wont have this issue :).
      Hope it might be useful to you in thee near future :)

      Thanks for stopping by and dropping your valuable comment. Do have a wonderful weekend start…

  3. Jeevan Jacob John says

    So, that’s what it was about!

    I have noticed a few blogs displaying mobile theme on my laptop. I simply thought it might be a mistake with my browser or something. Well, now I know.

    I don’t plan to use W3 Cache, at least not at first. I am going to try and maintain the speed without the help of any cache plugins (let’s see how that goes).

    Anyways, thanks for the tip, Babanature :) Hope you are having a wonderful week!

    • says

      Hello Jeevan,
      Yeah, the problem is from the cache plugins we bloggers use to reduce our blog load time. and once the cache is also enable on our mobile users, it causes conflict with both themes… and that’s where this tutorial comes in :)
      No matter what, once you start getting serious traffic, you will need a caching plugin to help speed up your blog.

      Thanks for stopping by and dropping your valuable comment. Do have a great weekend start as i also intend to do :)

  4. says

    Howdy Bro,

    I love your tutorial, should definitely help a lot of persons having this issue, I have seen this severally in some blogs I visit including business success guide.

    I never had to worry over this though, since I have got that part covered. Do have a splendid day bro.

    • says

      Hello Obasi,
      Yeah, many bloggers are indeed having this issue and it looks very unprofessional, but hey mistakes happens right? This process will definitely help them to counter the problem once and for all.

      Thanks for stopping by and dropping your valuable comment. do have a peaceful weekend

  5. says

    Hi Baba !
    You’ve explained and clarified the issue very well . I have seen a few blogs display their mobile version of website on the desktop browser . By writing the awesome tutorial , you’ve helped a lot of web-masters facing this issue . Thanks for sharing the tutorial with us .

    • says

      Hello Pramod,
      It is indeed good to hear that. This post need to get to them so they can learn how to counter the problem.
      Thanks for stopping by and dropping your wonderful comment. do have a great weekend…

  6. says

    Great pot Babanature,
    I have not yet faced any issues with W3 Total Cache as I don’t have a mobile theme activated on my blog. I use a responsive one so there haven’t been any issues so far with the plugin.
    However a really great tutorial mate :)

    • says

      Hello Arbaz,
      Yeah for those using responsive theme don’t face such issue. but when you decide to get add a mobile theme to your blog, i am 100% sure you’re going to need this post to prevent your self from that caching problem.
      Thanks for stopping by and dropping your valuable comment. do have a wonderful weekend…

  7. says

    Hi Babanature,
    very informative post, w3 total cache is one of the best cache plugin, yeah I faced some issues when I activated manify option. . .
    thanks for sharing this tutorial! :)

    • says

      Hello Adithya,
      We all can agree to that :).
      The minify mode do make some plugin malfunction is you activate it, but i guess we’ve found how to go around it right?
      Thanks for the comment and do have a wonderful week ahead…

  8. says

    Very nice tutorial Babanature.
    this is the first time i’ve visited your blog.
    I think your tips can help a lot of users who’s facing this problem, i found many blog mentioned about this issue but i think you have the best solution so far.
    thanks for your valuable information.

    Stephan

  9. says

    Awesome tutorial! Making blog/website compatible with mobiles are really important now a days. And i’m not using w3 total cache as it had few issues with it in the past.

    thanks

  10. says

    Hello Rahul,
    W3 total cache have advanced their game and i’ll definitely recommend them to any blogger :)
    Thanks for stopping by and dropping your comment. Do have a lovely week start :)

  11. says

    Babanature.. Thanks like God bless you for this!!! feel like kissing you right now buh am sure not your wife. Please tell her to do so on my behalf.. You rock boss :D

    Thanks for this :D

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge