12 gomeasure (sg and kl) - page speed light speed path to conversions - john jersin - google
DESCRIPTION
John Jersin, Google Analytics Product Manager, covers Google Analytics' new page speed tracker and the importance of optimising for load times. These slides were presented at the "GoMeasure with Google Analytics" events held in Singapore (Sep 6 2011) and Kuala Lumpur (Sep 8 2011).TRANSCRIPT
Page Speed Light Speed Path to Conversions
John Jersin Product Manager, Google
Background • The mobile internet is today’s main driver of growth in time
spent online. • Its rapid adaptation by consumers will offer opportunities to
establish significant revenue streams. • Gaining deep insight into usage patterns
provides the base and starting point of offering products, services as well as information satisfying true customer demands.
Optimize your site in a new way.
How to optimize your site
We've all heard of A/B testing...
How to optimize your site
We've all heard of A/B testing...
How to optimize your site
But we need think of optimization in new ways...
How to optimize your site
But we need think of optimization in new ways...
Impact
Every second of latency can change the conversion rate by 7%
Background • The mobile internet is today’s main driver of growth in time
spent online. • Its rapid adaptation by consumers will offer opportunities to
establish significant revenue streams. • Gaining deep insight into usage patterns
provides the base and starting point of offering products, services as well as information satisfying true customer demands.
Tracking setup
Tracking setup
<script type="text/javascript">var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-XXXXX-X']);_gaq.push(['_trackPageview']);(function() {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();</script>
Tracking setup
<script type="text/javascript">var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-XXXXXX']);_gaq.push(['_trackPageview']);_gaq.push(['_trackPageLoadTime']);(function() {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();</script>
Tracking setup
Hit
Tracking setup
Time: 1.47 sec
Background • The mobile internet is today’s main driver of growth in time
spent online. • Its rapid adaptation by consumers will offer opportunities to
establish significant revenue streams. • Gaining deep insight into usage patterns
provides the base and starting point of offering products, services as well as information satisfying true customer demands.
Case study: Amari
Understanding Page Latency
Landing Pages that Need Attention
Landing Pages that Need Attention
Page Speed Online
pagespeed.googlelabs.com
Page Speed Online
pagespeed.googlelabs.com
Before & After
Amari Package Selection Page
Original Page
Page Speed Score 62 / 100
First View Load Time 8.739s
Optimizations include: • Removed whitespace in HTML • Using minified versions of JS libraries • Using minified CSS • Serving optimised images • Testing serving GZIPped (compressed) content
Before & After
Amari Package Selection Page
Original Page
Optimized Page
% Change
Page Speed Score 62 / 100 67 / 100 5% First View Load Time 8.739s 7.738s 11.5%
Optimizations include: • Removed whitespace in HTML • Using minified versions of JS libraries • Using minified CSS • Serving optimised images • Testing serving GZIPped (compressed) content
Take action
[1] Add the line to your tracking code to turn tracking on. [2] Find pages that need the most fixing in the reports. [3] Use the Page Speed tool to find and fix problems.
THANK YOU