Mobile vs. Responsive

mobileresponsive
A lot of websites now have a separate version for mobile users, allowing the experience on a mobile to be as great as that of on a desktop computer. But what about all of those users on tablets and larger smart phones that view the desktop site? They would see a zoomed out version of the main website, which just isn’t thumb-friendly. Hence, why responsive was born.
Responsive websites scale to every size of device, meaning the experience on all sorts of phones, tablets and laptops will be optimised. Zooming won’t be needed, as the website will be at full scale, with readable text and thumb-friendly navigation.
The advantages and disadvantages:

Mobile Responsive
Content & Pages Less
On mobile websites, normally only the top level pages are viewable to make it simpler. However, this means that some content isn’t available to users on a mobile phone
More
Every page is fully responsive and viewable, meaning browsing the site can be done on a phone without missing any vital content.
Load Time Faster
Due to the site being separate and optimised, there is no unnecessary images or files to load on a mobile phone.
Slower
There is many files and images that will be loaded for the entire site, even on a mobile device when they aren’t showing, increasing load time.
Updating Twice
A separate website often means that you will have to update the website in two places, unless it is content managed by WordPress or similar.
Once
It’s the same website, just adjusting to the screen size, so one change will be seen by everyone.
Redirecting Yes
The website will have different URL’s for mobile, for example: m.your-domain.co.uk, therefore, the user is redirected when using a phone, taking extra time.
No
As it’s the same website, the URL will be the same no matter which device you are on, therefore there won’t be any time-consuming redirects.
Duplicate Content Yes
Google will see content twice on two different pages or URL’s, unless a smart content management system is involved, meaning that your website rankings could decrease
No
No duplicate content gives you the best chance at being ranked well by search engines.
HTML Markup Less
A quicker load, and less no unnecessary markup is involved.
More
Due to some elements being hidden and shown at different responsive levels, the HTML will actually be a lot heavier on a responsive website, meaning load time maybe reduced.

Google recommends responsive design over mobile, due to the fact of no directing and duplicate content – this often means that the rankings within Google and other search engines will be increased. However, sometimes we can gain some better results from mobile websites as users are directed to enquiring rather than a lot of content.
Here at Clicky Media, we are experts in designing and building both mobile and responsive websites. We can give you a expert advice into which is the best solution for your business. Feel free to email josh@clicky.co.uk for more information, or read more about responsive and mobile.

Written by Rich Tarr

Senior Front End Developer

Follow Rich on Twitter