Category Archives: Mobile

Use Google Pagespeed Insights to Improve Web and Mobile Performance

Google is certainly a good web performance netizen contributing employee time, compute power, and technology to help make the web faster.

One of those contributions, Google PageSpeed Insights, is a free tool that helps you to implement web performance best practices. It analyzes the content of a web page and generates suggestions to improve the user experience of the web page and make it faster. A PageSpeed Score (0-100) is also generated; a higher score is better and a score of 85 or above indicates the page is performing well.

To use PageSpeed Insights:

Go to http://developers.google.com/speed/pagespeed/insights/
Enter the URL you want to analyze, and
click the “Analyze” button

google_pagespeed_insights_enterURL

It works by fetching the URL twice, once with a mobile user-agent, and once with a desktop user-agent. Google makes no bones about the importance they place on the mobile web and those recommendations are displayed first and front and center.

pagespeed_insights_mobile_results

The PageSpeed analysis is based on 15 rules that represent the best practices for web performance optimization. The results provides a prioritized list of what to fix and it’s potential impact.

mobile_web_speed_fix

Here’s 3 quick suggestions for making the most of Google PageSpeed Insights.

1. Use your knowledge of your community and Google Analytics to determine if you need to pay attention to mobile site optimization now or just the desktop browser analysis.

2. Keep track of the PageSpeed Scores and suggestions over time.

3. Optimize for one suggestion at a time and re-run to verify positive results.

Have you tried it with your web page yet?

Ken

Measuring Mobile Web Performance with HttpWatch Basic

I’m not going to regurgitate piles of annoying statistics about mobile penetration and user engagement. We all know the future of your digital relationship with your constituency is significantly mobile.

HttpWatch Basic is an excellent free tool for understanding performance of mobile web pages. It’s available as an app on iOS right now (no Android yet) and it runs on the iPhone or the iPad. It’s an HTTP sniffer for monitoring and optimzing web pages. You can get it for yourself here on itunes.

When you open the app it looks just like a browser so just enter the web page you want to test at the top.  I’ll use my own URL www.apmexaminer.com (you should use yours).

Once the web page looks loaded just click the little icon at the top (bottom if iPhone) right that looks like a bar graph and  the web page waterfall report that shows how long it took to download each of the resources used by the mobile web page to my iPad is displayed.

mobile web performance rpt

The user interface also supports walking through a multi-page user journey so you can come back and evaluate the performance of each page of the mobile website visited.

Tapping any of the individual items will display more information about the performance and timing of that web page resource.

mobile web resource performance

You can do this from your iPhone on WiFi and when using mobile data to get a good feel for  how your mobile website performs for end users.

There is a professional version of HttpWatch for $99.00 that shows a lot more detail including timing breakdowns,  cookies,  request and response headers and network info.

The free version still provides some very good info as well and this is a series about free tools.

Have you tried it with your website yet?

Ken