Optimizing Mobile Site

#1

I’m having issues optimizing my site with wordpress on mobile devices. The page layout isn’t the same as the desktop experience. I tried a few themes, but it’s still coming out funky. Is this a plug-in issue?

#2

Desktop and mobile layouts are inherently different, so expect the layouts to diverge.

#3

Mine also so i started installing jetpack and enabled the mobile version of my website. I don’t really know also there is one more that i would like to try the AMP. do you guys know about the AMP? and how was your result about the amp?

#4

Hi @alimootjillian and a warm welcome to the forum.

It is quite simple to include AMP into Wordpress and well worth the effort because AMP handles mobile rendering very well.

Ensure you use Google Analytics because any errors or warnings will be reported. Let us know of your findings

#5

About AMP, I know it seems really easy to just plug in any number of AMP plugins and go about your happy way, but it just isn’t that easy. Furthermore, engaging AMP is not a fix for a website that isn’t rendering as you see fit.

One tool you can use to see how your website is actually performing (before and after you add an AMP plugin) is to go to GTMetrix.com and look at both the PageSpeed and YSlow report. There are lots of clues on technical issues that slow your website down. But you started this post with a chat about layout being different between mobile and desktop. Some things we assume giving the differences between a desktop and an iPhone6S, but whatever happens, you should expect.

So without writing a book, having control over what your mobile website deploys versus your desktop website starts with the same content, but you really need to condense your message on the mobile platforms. Basically you turn off the "fluff’ and get straight to the point when your website detects a mobile browser. Themes that offer modular page builders make this easier than learning how to manage “break points”. You simply turn of certain content areas you don’t want to deploy when the browser screen starts to shrink. In fact you can do even smarter things with certain modular page builders but it takes understanding your theme’s break points.

For example if your desktop is the “full monty” presentation, with the proper theme or page builder, a novice can build modules for different devices and turn certain ones off while others turn on depending on the detected browser and screen size.
Fun stuff and built to load your most compelling message for the device detected.
Then when you get that down, load AMP and start tweaking again.
By the way, load a popular AMP plugin for fun and notice all the areas for input at the bottom of the page. Despite the hype, AMP isn’t all plug and play fun. Also, those errors previously mentioned? You need to be up on how to read what the Google Console is asking you to fix.

2 Likes
#8

Thank you so much for your replies. Going to learn more about AMP