{"id":3064,"date":"2010-04-05T16:16:56","date_gmt":"2010-04-05T23:16:56","guid":{"rendered":"http:\/\/blog.mozilla.org\/metrics\/?p=3064"},"modified":"2019-09-18T12:05:36","modified_gmt":"2019-09-18T19:05:36","slug":"firefox-page-load-speed-part-ii","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/metrics\/2010\/04\/05\/firefox-page-load-speed-part-ii\/","title":{"rendered":"Firefox &amp; Page Load Speed \u2013 Part II"},"content":{"rendered":"<p>Let&#8217;s start with the punchline:  By making a few minor tweaks to our top landing pages, we can drive an additional <em>60,000,000<\/em> Firefox downloads per year.<\/p>\n<p>60 million is a big number, so let&#8217;s add a little context.  Looking back at our <a href=\"http:\/\/www.spreadfirefox.com\/en-US\/worldrecord\">record breaking download day<\/a> during the launch of Fx3 (June 2008), a total of 8,002,530 people downloaded Firefox.  Adding 60 million downloads is akin to running 10 Download Day campaigns per year.<\/p>\n<p>What are the tweaks?<\/p>\n<p>It comes down just one factor &#8212; speed.   As it stands, our landing pages can be painfully slow.  Take a look:<\/p>\n<p><object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" width=\"640\" height=\"385\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"src\" value=\"http:\/\/www.youtube.com\/v\/143_TvvnIZI&amp;hl=en_US&amp;fs=1&amp;\" \/><param name=\"allowfullscreen\" value=\"true\" \/><embed type=\"application\/x-shockwave-flash\" width=\"550\" height=\"300\" src=\"http:\/\/www.youtube.com\/v\/143_TvvnIZI&amp;hl=en_US&amp;fs=1&amp;\" allowscriptaccess=\"always\" allowfullscreen=\"true\" style='margin: 10px 0 10px;'><\/embed><\/object><\/p>\n<p>The entire Chrome landing page loads before our header appears.  Worse yet, our download button doesn&#8217;t appear for 7 seconds!  While this video does not reflect the experience of every IE.html visitor, nearly a quarter of our visitors wait at least this long.<\/p>\n<p>Now that we know this page is slow, let&#8217;s make it faster.  To do so, I thought back to the 2 weeks I shopped a class on high performance web sites.  But, I couldn&#8217;t remember much, so I asked <a href=\"http:\/\/www.ryandoherty.net\/\">Ryan Doherty<\/a> for some tips.  He had two simple suggestions: combine (or remove) the JavaScript files and inline the CSS.<\/p>\n<p><strong>Results<\/strong><br \/>\nAfter implementing these changes in an A\/B test, we saw impressive results.  <a href=\"http:\/\/blog.mozilla.org\/metrics\/2010\/03\/31\/firefox-page-load-speed-part-i\/\">Previously<\/a>, we predicted a 1 second reduction in page load speed would improve download conversions by 2.7%.  In reality, our optimized experimental variation shaved 2.2 seconds off the average page load time and increased download conversions by 15.4%!<\/p>\n<p>With 275,000 daily visitors, a 15% improvement on this single English page translates to 10.28 million additional downloads per year.  And, if we&#8217;re able to achieve a similar performance boost across <a href=\"http:\/\/www.mozilla.com\/en-US\/firefox\/firefox.html\">our<\/a> <a href=\"http:\/\/mozilla-europe.org\/en\/\">other<\/a> <a href=\"http:\/\/www.mozilla.com\/de\/\">top<\/a> <a href=\"http:\/\/mozilla-europe.org\/es\/\">landing<\/a> pages, we&#8217;ll drive in excess of 60 million yearly Firefox downloads.<\/p>\n<p><strong>Yeah, but&#8230;<\/strong><br \/>\n15% looks great, but how confident are we?<\/p>\n<p>Running a one-sided Student&#8217;s t-test with a means difference of 14%, our experimental data yields a P value of 0.000051.   This means that there is only a 0.0051% chance that we would obtain a 14% (or greater) improvement if the real effect wasn&#8217;t at least this large.<\/p>\n<p><a href=\"http:\/\/blog.mozilla.org\/metrics\/files\/2010\/04\/table.png\"><img decoding=\"async\" src=\"http:\/\/blog.mozilla.org\/metrics\/files\/2010\/04\/table.png\" alt=\"\" title=\"table\" width=\"550\"  class=\"alignnone size-full wp-image-3355\" srcset=\"https:\/\/blog.mozilla.org\/metrics\/files\/2010\/04\/table.png 693w, https:\/\/blog.mozilla.org\/metrics\/files\/2010\/04\/table-300x25.png 300w\" sizes=\"(max-width: 693px) 100vw, 693px\" \/><\/a><\/p>\n<p><strong>Next Steps<\/strong><br \/>\nWe&#8217;re excited by our initial results, but are only just getting started.  We have a <a href=\"http:\/\/www.amazon.com\/Even-Faster-Web-Sites-Performance\/dp\/0596522304\/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1270258271&amp;sr=8-1\">bunch more optimizations<\/a> to try and have some ideas of our own.  For example, we want to test a landing page that loads the download button before all other page elements.  Later on, we plan to test more elements of <a href=\"http:\/\/blog.mozilla.org\/metrics\/2010\/03\/26\/firefoxs-adoption-funnel\/\">Firefox&#8217;s adoption funnel<\/a>, including the download and First Run experiences.<\/p>\n<p>Many thanks go out to Ryan, Fred, Laura, and <a href=\"http:\/\/blog.mozilla.org\/mrz\/\">Matthew<\/a>, who suggested running performance tests and has already made <a href=\"http:\/\/blog.mozilla.org\/mrz\/2009\/09\/25\/where-in-the-world-is-amo-part-vi-we-did-it-again\/\">impressive performance improvements on addons.mozilla.org<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s start with the punchline: By making a few minor tweaks to our top landing pages, we can drive an additional 60,000,000 Firefox downloads per year. 60 million is a big number, so let&#8217;s add a little context. Looking back &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/metrics\/2010\/04\/05\/firefox-page-load-speed-part-ii\/\">Continue reading<\/a><\/p>\n","protected":false},"author":1557,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[855,827],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/metrics\/wp-json\/wp\/v2\/posts\/3064"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/metrics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/metrics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/metrics\/wp-json\/wp\/v2\/users\/1557"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/metrics\/wp-json\/wp\/v2\/comments?post=3064"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/metrics\/wp-json\/wp\/v2\/posts\/3064\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/metrics\/wp-json\/wp\/v2\/media?parent=3064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/metrics\/wp-json\/wp\/v2\/categories?post=3064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/metrics\/wp-json\/wp\/v2\/tags?post=3064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}