It doesn't take a genius to figure out that going mobile is the new norm these days.A mobile friendly is no longer a luxury,but a necessity.If you are working on making a site mobile friendly and haven't heard of PageSpeed Insights then you know nothing....Google has put together (and now updated) a great tool-Page Speed Insights- to help developers and webmasters make their pages mobile-friendly,with recommendations on mobile usability.
It is the goal of any webmaster to optimize their website so as to minimize its loading time.A fast loading page goes a long way in improving your website's user experience.But suppose you manage a very fast~1 second load time for your website.If that comes for the cost of usability,then its really not an improvement.
For example a user might need to scroll or zoom out quite in a bit in order to read the content on your site.The time wasted between the page loading, and up until the moment the user can start interacting with your website counts as much as the initial loading time.Well,this is where the PageSpeed Insights come in.
The pagespeed insights tool provides valuable information regarding your website,and how you can optimize it for better effect.It's new user-experience rules can help you find and fix the usability issues found on your website.
1. View Port :
Without a meta-viewport tag,modern mobile browsers will assume your page is not mobile friendly,and will fall back to a desktop viewport and possibly apply font-boosting,interfering with your intended page layout.Configuring the viewport to width=device-width should be your first step in mobilizing your site.
2. Font Sizes :
Use legible font sizes : if your users have to zoom in just to be able read your article text on their smartphone screen,then your site isn't mobile-friendly.PageSpeed Insights checks that your site's text is large enough for most users to read comfortably.
3. Scale Objects :
Size tap targets appropriately: Nothing's more frustrating than trying to tap a button or link on phone or tablet touch screen,and accidentally hitting the wrong one because your finger pad is much bigger than a laptop's mouse cursor.Make sure that your mobile site's touchscreen tap targets are large enough to press easily.
4. Avoid third-party plugins :
Avoid plugins : Most smartphones don't support Flash or other browser plugins,so make sure that your mobile site doesn't rely on plugins.You can read more about these rules in the Google Help Section or you can ask us anything about it in the comments section below.Also we cover more of these topics in detail so stay tuned with us........Happy blogging :)
Also Check Out :
how-to-create-a-great-website-that-is-valuable-to-your-audience
No comments:
Post a Comment