Thursday, 25 December 2014
How To Use Page Speed Insights To Make Your Site Mobile Friendly ?
It doesn't take a genius to figure out that going mobile is the new worm 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 - PageSpeed Insights - to help developers and webmasters make their pages mobile friendly,with recommendations on mobile usability.
It is the goal of every 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 manages a very fast~1 second load time for your website.If that comes with the cost of usability,then it's 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 to read your article text on their smartphone screen,then your site isn't mobile-friendly.Page Speed Insights checks that your site's text is large enough for most users to read it 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 accidently 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 :
Most smartphones do not 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 please stay tuned with us....Happy Blogging :)
SHARE THIS POST
Author: Mohammad Maaz Khan
Subscribe to:
Post Comments (Atom)
How nice Post for me.Because this post is very beautiful .I know to want more information about it.
ReplyDeleteI was looking for such a post is so much more to learn. I learned
a lot from here. I would like to learn more about this. Please give me more event post
get paid instantly
Thanks
ReplyDeleteThanku, For Such A helpful Article.
Regards: Blogger Tips And Tricks