How To Use PageSpeed Insights

Share... ☂

Share on Facebook
Share on Twitter
Share on Google+
Page Speed Insights measures the performance of a page for mobile devices and desktop devices. It fetches the url twice, once with a mobile user-agent, and once with a desktop-user agent.

The PageSpeed Score ranges from 0 to 100 points. A higher score is better and a score of 85 or above indicates that the page is performing well. Please note that PageSpeed Insights is being continually improved and so the score will change as we add new rules or improve our analysis.


However, since the performance of a network connection varies considerably, PageSpeed Insights only considers the network-independent aspects of page performance: the server configuration, the HTML structure of a page, and its use of external resources such as images, JavaScript, and CSS.


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.
Usability recommendations






1. Viewport

Without  the use 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. (More on the topic coming up, so stay tuned!)

Size content to the viewport: Users expect mobile sites to scroll vertically, not horizontally. Once you've configured your viewport, make sure your page content fits the width of that viewport, keeping in mind that not all mobile devices are the same width.




2. Font sizes

Try to Use legible font sizes: If 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

Your Size tap must be targets appropriately: Nothing’s more frustrating than trying to tap a button or link on a phone or tablet touchscreen, and accidentally hitting the wrong one because your finger pad is much bigger than a desktop mouse cursor. Make sure that your mobile site’s touchscreen tap targets are large enough to press easily.





4. Avoid third-party plugins

Always try to Avoid plugins: Most smartphones don’t support Flash or other browser plugins, so make sure your mobile site doesn't rely on plugins.
Share :

zealmatblog

7 comments:

  1. what we do to increase the page speed?

    ReplyDelete
    Replies
    1. it very easy first try to check the speed of your website both on mobile and desktop view then you will be giving some tips on how to make your site fast.... you can vist the page speed insight HERE

      Delete
  2. How can increase the page speed Mr mathias

    ReplyDelete
    Replies
    1. it very easy first try to check the speed of your website both on mobile and desktop view then you will be giving some tips on how to make your site fast.... you can vist the page speed insight HERE

      Delete
  3. I quite agree with you. But on the part of avoiding a 3rd party plugin, this might not be feasible to a WordPress user. Great insight Mathias.

    ReplyDelete
  4. I love this write up zealmat...keep it up

    ReplyDelete

Create your website from just N299/Month with DomainKing.NG.

P.S: Want me to help you personally? If yes, you can buy my helpful eBooks or Hire me now!

Do you need original SEO ready articles for your blog or website? If yes, hire Mathias Amodu on Fiverr. Expect simply the best from me.







Parse Your Adsense HTML code Here





We love to hear from you!

Sign in to comment "anonymously" without entering verification text.