By the end of 2013, more people would browse internet using mobile phones than computers. And by 2015, nearly every guy on the plant would have a mobile phone. So a website could potentially be visited by the entire population of earth.
Mobiles, being smaller and less-powerful can’t run the same site as effectively as computers can. So its important to optimize the existing website so that it performs good when visited on mobile.
Why to optimize?
Netizens expect computer-like performance from mobile which is not possible with the later being slower.
- 60% people expect websites to load within 3 seconds in their mobile.
- 22% people won’t reload a website if it fails to load at first go.
- 57% wouldn’t recommend business with a party having slow website, that takes long time to respond on mobile and tablets.
- 40% turns to competitor if website is bad in appearance or performance.
- 33% curse their mobile if it fails to load a website.
How to optimize
We can however alter a website in such a way that it performs hassle-free on both interfaces – computer as well as mobile.
- First go to Google PageSpeed and see if your website structure is fine or not. This Google service would tell you of the problems in design, coding, and whether the site follows the best practice forwebsite design.You can also get suggestions on improving website by marking the possible improvement in JS, CSS and other contributing files.
- Next check how your website appears in the mobile. For this, first visit Gomo by Google, enter url and see website in mobile screen. You can also check the website loading time, get performance stats and see if its user-friendly when accessed through mobile.
- Once you have the idea, next step is to optimize it. Firstly make sure all text are readable without zooming or pinching. Mobiles have a smaller screen size, so font-size should be large for each text to be easily visible.
- Next idea is to keep it the design lightweight. Avoid using bulky background, header images, and large number of JS and CSS files. They must be limited and compressed.
- Navigation should be easy and user-friendly. It should follow the thumb-rule ie should be from left to right and containing not more than 5-6 menu-items.
- Design should be light-colored. Visibility should be good. Heading, content and links should be easily identifiable.