co Increase Your Mobile Page Speed |

Chances are, if you’ve done any fair amount of study on responsive web design, then you are thinking about how visitors are viewing your mobile website. Until now, you couldn’t do a whole lot about the speed of your website loading on mobile devices. Google Developers now has guidelines for website developers regarding mobile page load speeds.

Even better, they have a tool for testing your mobile page load speed.

It’s a nice tool because it’s simple to use and you can run a diagnostic on your page load speeds in just a few seconds. Google spits out a report in less than a minute, then you can go and work on the areas they tell you that you need improvement. There are three levels of priority, designated by the colors red, yellow, and green.

  • Green means check mark, no issues.
  • Yellow means you should correct the problem if it won’t involve a significant amount of work.
  • And red means critical condition; fixing these items would significantly improve your page load speed.

I ran a diagnostic on the same site twice and got back three red icons followed by all greens on the first run. On the second run, the tool returned two yellows. A little inconsistent, but the items in red were all the same on both runs. Specifically, the tool measures the following results:

  • External render-blocking Javascript and CSS in above-the-fold content
  • Server response time
  • Resource compression
  • Visible content prioritization
  • Browser caching
  • CSS compaction
  • Image optimization
  • HTML compaction
  • Landing page redirects
  • and JavaScript compaction

While the mobile page load speed testing tool isn’t perfect, it is a good resource for Web developers.