Chrome, webdev

Mobile Sites Improvements – Push Your PageSpeed Score Up

In the past, I wrote about ways to improve your mobile website.
In this short post, we will focus on one tool that could help you move the needle. PageSpeed Insights is a free tool for developers to check how their site performs out in the wild. It also got a good API so you could use it during your build process.

Here are the current results I see on my projects’ site:

Screenshot 2015-05-20 10.55.35

Screenshot 2015-05-20 10.55.44

First try it on your site and see what is the score you are getting on the mobile tab. Second, watch the short clip below, it will take a web application and use Grunt to create a build process that will help optimise our site to be faster and giving us a better workflow.

Btw, you might want to check the Mobile-Friendly Test as well. It’s important if you wish to get the ‘mobile friendly’ mark on search. You can learn more from the slides below.
The main aspects that this test is measuring are:

  • Avoid software that is not common on mobile devices (e.g. Flash).
  • Uses text that is readable without zooming.
  • Sizes content to the screen so users don’t have to scroll horizontally or zoom. It’s a better experience to limit the scorlling just to the vertical axis.
  • Places links far enough apart so that the correct one can be easily tapped.



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s