@jeroentjepkemawww.                     .nl
Performance Automation 101                Velocity Conference Europe,                     8 November 2011
DIY vs. Automation                     Test drive                Business benefits?Performance Automation 101              ...
Mainstream topic
Conversion Benchmark
Visitor           Strangeloop            Website                       Decide whether                         to optimize ...
Here’s what they discovered....
Traffic levels                         9.000                         6.750Total number of visits                         4....
Average time on site                         31Time on site (minutes)                         23                         1...
Conversion rate / order value                                 20Difference due to optimization                            ...
Performance by the numbers
Performance = Psychology
-  10 sec   4 sec                      Engagement   2 sec   1 sec                  +Performance = Psychology
10 4 2                     Perceived load time                      + 15 % slower 1Actual vs. Perceived performance       ...
Performance in numbers
3 seconds
before60%of online consumers  will click away 3 seconds
before60%of online consumers  will click away 3 seconds                 80% of them                      will NOT return
before60%                      of online consumers                        will click away                       3 secondsO...
Too much variation is not good....
Page Abandonment   40  % Increase in                   30                   20                                            ...
Would you recommend me?
1,5                                                                                               1001,25                 ...
1,5                                                                                              1001,25                  ...
6                                                                                                   1005                  ...
6                                                                                                   1005                  ...
Faster is better!
DIYDo it Yourself (DIY)
ormance  Websites”
1. Make fewer HTTP requestsormance  Websites”             2. Use a CDN                           3. Add an Expires hea    ...
1. Make fewer HTTP requestsormance  Websites”             2. Use a CDN                          3. Add an Expires header  ...
Do it yourselfLow hanging fruit ‣ Reduce page size ‣ Enable Gzip ‣ Reduce the number of roundtrips ‣ Structure the page to...
Do it yourselfLow hanging fruit                    More advanced ‣ Reduce page size                   ‣ Non Blocking scrip...
Example: Insurance Company
% visitors per browser                                  Other                                   9%                       C...
Other         Chrome119%            4%        Safari5         4%    Chrome12                         MSIE8            MSIE...
This is what the data tells us...    1. Focus on IE7/8    2. Focus on Front-End optimization first    3. Clean up the code ...
IE7                 IE8    IE9    Chrome     First view               14,7s                 6,4s   5,0s    5,8s   Repeat v...
IE7                 IE8              IE9          Chrome     First view               14,7s                 6,4s          ...
IE7                 IE8              IE9          Chrome     First view               14,7s                 6,4s          ...
Only 5  days after      5 days after    implementationimplementation
30%                                                     page 5 days after                                                 ...
30%                                                     page load time                                                    ...
Faster is better, but...
The downside of DIYManual optimization is time   consuming, this isonly 1 sales funnel;Getting priority in the release sch...
However...the biggest challenge is:
Business         IT           vs.
Making theweb faster             Marketing             initiatives
What if....?
Definition                          Steve Souders “High-Performance  Websites”licationperformance.com                   Pe...
Customer   Web Site
Performance Automation
Web Application                Web Application   Delivery                    Transformation            via: Joshua Bixby @...
Web Application Transformation
Load       Web      App           Internet   balancer   server   server   DBCustomer                                      ...
Option 1:            Cloud                         Load       Web      App             Internet   balancer   server   serv...
Option 2:           Option 1:                         Hardware            Cloud                         appliance         ...
Option 2:           Option 1:                         Hardware            Cloud                         appliance         ...
Building a Business Case
2 Components
Budget for DIY                 2 Components
Budget for DIY# Hours to Build                   2 Components
Budget for DIY# Hours to Build# Hours to Test                   2 Components
Budget for DIY# Hours to Build # Hours to Test# Hours to Deploy                    2 Components
Budget for DIY# Hours to Build # Hours to Test# Hours to Deploy Time schedule?                    2 Components
Budget for DIY           Revenue# Hours to Build # Hours to Test# Hours to Deploy Time schedule?                    2 Comp...
Budget for DIY           Revenue                        # Pageviews /# Hours to Build                        browser type ...
Budget for DIY           Revenue                        # Pageviews /# Hours to Build                        browser type ...
Budget for DIY           Revenue                        # Pageviews /# Hours to Build                        browser type ...
Budget for DIY           Revenue                        # Pageviews /# Hours to Build                        browser type ...
Example: Travel site
% Conversion/Visits                                                                                  per browser type     ...
% Conversion/Visits                                                                                  per browser type     ...
Revenue Risked per Browser                           47,7     48,5       13,7   0,3    13,4     10,3   6,8         12,7   ...
From accounting to optimization
autotrader.co.uk/                                barclays.co.uk/                                bouyguestelecom.fr/       ...
‣ Location Datacenter MeasureWorks: Almere/Amsterdam‣ 20 private WPT instances on virtual machines running IE8on Windows s...
Results
Overall:
8,8                                                                         7,6            View       st   Fir            ...
8,8            View                                                                         7,6            -28%       st  ...
From a business perspective:
Every site has a business model
E-commerce & Travel                  Make people buy things
Media        Make you click on ads
Finance & Insurance        Perform financial transactions          & open savings account
Distribution of elements per type of sites (in Kb)   HTMLJavascript      CSS  Images    Flash             0           300 ...
Every business model optimizesdifferently
Images               Average usage of images (in Kb)                     437         300         200                      ...
Images                                                               Average usage of images (in Kb)                      ...
Javascript                 Average reduction of Javascript (in %)           ws                     3%     N   e           ...
Javascript                 Average reduction of Javascript (in %)           ws                     3%     N   e           ...
Other...       avg. Keep Alive scores100                98                                93                           857...
Other...       avg. Keep Alive scores                               avg. GZIP scores100                98                 ...
From a technical perspective:
Loadtime (sec.)                           Region                                          9,9EU                           ...
Loadtime (sec.)                                                      Region                                          9,9EU...
Improvement based on elements per site (%) 3022,5 15 7,5  0-7,5              ML          ipt     SS          g es     las ...
United StatesEurope
Optimization will vary
Not-optimized               Sitespect   PageSpeedService            More requests                 Less requests
Not-optimized               Sitespect        PageSpeedService            More requests                        Less request...
Not-optimized        Mod_pagespeed   AptimizeLong First Byte Time                   Less requests
Some examples
.de10#sec.#,#102#requests#                          4,2#sec.#,#72#requests#
Not-Optimized: 12 sec.                                           Optimized : 3.1 sec.                         Acceleraon*o...
Taking care of the Javascript
Winners?
89        89                                                                                                              ...
Who’s next....
40%30%20%                                                32%                                                        16% 10...
It works!
15%            Total time            Savings      85%
15%27,9 hrs is the total time it took to complete the testrun with                   non-optimized pages....              ...
15%27,9 hrs is the total time it took to complete the testrun with non-optimized pages.... Optimization reduces it by 4,2 ...
15%27,9 hrs is the total time it took to complete the testrun with non-optimized pages....Optimization reduces it by 4,2 h...
The average person in Europe spends   34,4 hours online per month     and visits 3515 pages                        Source:...
Just imagine.....
What you can do....
...with all the extra time
Unfortunately, it’s not a push of the button
Your mileage may vary....
There’s the website itself                                                Place:             Place:                       ...
Browsers                  Location                              Browser versions           Last mile                      ...
.....and so will your test results
Fully loaded, Non-Optimized   Fully loaded, OptimizedComputerbild.de   NBC.comVoyages-sncf.com
DIY vs. Performance Automation
Benefits of automationOptimizes all pages automatically with a set ofstandard treatments;Quick and (can be) easy   to insta...
But...
Downside of automation You need to understand     your website to get the most out of automation; Not all treatment   sett...
My advice: It’s both
Takeaways...
Start benchmarking multiple options
1. Determine your business targets
1. Determine your business targets   2. Create a test environment
1. Determine your business targets   2. Create a test environment   3. Select measurement tool
1. Determine your business targets   2. Create a test environment   3. Select measurement tool4. Connect to automation pro...
1. Determine your business targets   2. Create a test environment   3. Select measurement tool4. Connect to automation pro...
It’s about the customer journey
Is this bad?....Ordering Car Insurance                                   Source: Gomez
Is this bad?....1: Landing page              4: Enter insurance details2: Click order               5: Calculate offer3: E...
Is this bad?....1: Landing page              4: Enter insurance details2: Click order               5: Calculate offer3: E...
Business case: Focus on attributing KPI’s
Cart abandonments
http://www.flickr.com/photos/          mrmoorey/160654236Bounce rate
Traffic / Page views
Time on site
And remember....
Publish data online Start repeating tests with    specific scenariosStress-test the optimizersExpand to different vendors  ...
Questions?
Thanks! More questions?M: jtjepkema@measureworks.nlT: @jeroentjepkemaW: www.measureworks.nl
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
MeasureWorks  - Velocity Conference Europe - Performance Automation 101
Upcoming SlideShare
Loading in …5
×

MeasureWorks - Velocity Conference Europe - Performance Automation 101

3,160 views

Published on

For optimizing web performance most of you have put to practice the "14 rules for creating high performance websites". But most IT organizations don't have the resources, time or money available to continuously fine-tune their web performance. There’s a need for a different approach, automation of web performance optimization. This presentation will not only cover the business benefits of automation, but also prove that automation works and improves your website by taking multiple automation providers for a test-drive....

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,160
On SlideShare
0
From Embeds
0
Number of Embeds
681
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

MeasureWorks - Velocity Conference Europe - Performance Automation 101

  1. 1. @jeroentjepkemawww. .nl
  2. 2. Performance Automation 101 Velocity Conference Europe, 8 November 2011
  3. 3. DIY vs. Automation Test drive Business benefits?Performance Automation 101 Why optimize? Velocity Conference Europe, 8 November 2011
  4. 4. Mainstream topic
  5. 5. Conversion Benchmark
  6. 6. Visitor Strangeloop Website Decide whether to optimize Normal Receive Accelerated content page Insert Process segment scripts Optimize? marker Send analytics UnacceleratedGoogle Analytics
  7. 7. Here’s what they discovered....
  8. 8. Traffic levels 9.000 6.750Total number of visits 4.500 8.505 2.250 4.740 0 Optimized Unoptimized
  9. 9. Average time on site 31Time on site (minutes) 23 16 30,17 23,83 8 0 Optimized Unoptimized
  10. 10. Conversion rate / order value 20Difference due to optimization 15 10 16,07 5 5,51 0 Conversion rate Order value
  11. 11. Performance by the numbers
  12. 12. Performance = Psychology
  13. 13. - 10 sec 4 sec Engagement 2 sec 1 sec +Performance = Psychology
  14. 14. 10 4 2 Perceived load time + 15 % slower 1Actual vs. Perceived performance Performance = Psychology
  15. 15. Performance in numbers
  16. 16. 3 seconds
  17. 17. before60%of online consumers will click away 3 seconds
  18. 18. before60%of online consumers will click away 3 seconds 80% of them will NOT return
  19. 19. before60% of online consumers will click away 3 secondsOf these, 50% will 80% of themtell others about their will NOT return negative experience
  20. 20. Too much variation is not good....
  21. 21. Page Abandonment 40 % Increase in 30 20 38% 33% 25% 10 7% 0 2 to 4 seconds 2 to 6 seconds 2 to 8 seconds 2 to 10 seconds Change in page load time Source: Forrester research 2010
  22. 22. Would you recommend me?
  23. 23. 1,5 1001,25 96 1 920,75 88 0,5 840,25 0 80 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Laadtijd Beschikbaarheid 17-30 Oct: Average Speed / Availability Homepage ING, Emerce eFinancials 2011
  24. 24. 1,5 1001,25 96 1 920,75 88 0,5 840,25 Social 0 80 17 18 19 20 21 22 23 24 25 26 27 28 sentiment 29 30 Laadtijd Beschikbaarheid 17-30 Oct: Average Speed / Availability Homepage ING, Emerce eFinancials 2011
  25. 25. 6 1005 804 603 402 2010 0 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Laadtijd Beschikbaarheid 17-30 Oct: Average Speed / Availability iPhone App, Emerce eFinancials 2011
  26. 26. 6 1005 804 603 402 2010 Social 0 17 18 19 20 21 22 23 24 25 26 27 28 29 30 sentiment Laadtijd Beschikbaarheid 17-30 Oct: Average Speed / Availability iPhone App, Emerce eFinancials 2011
  27. 27. Faster is better!
  28. 28. DIYDo it Yourself (DIY)
  29. 29. ormance  Websites”
  30. 30. 1. Make fewer HTTP requestsormance  Websites” 2. Use a CDN 3. Add an Expires hea 4. Gzip components 5. Put CSS at the top 6. Move JS to the bottom 7. Avoid CSS expressions 8. Make JS and CSS external 9. Reduce DNS lookups 10. Minify JS 11. Avoid redirects 12. Remove duplicate scrips 13. Turn of Etags 14. Make AJAX cacheable and small
  31. 31. 1. Make fewer HTTP requestsormance  Websites” 2. Use a CDN 3. Add an Expires header 4. Gzip components 5. Put Stylesheets at the top 6. Move JS to the bottom 7. Avoid CSS expressions 8. Make JS and CSS external 9. Reduce DNS lookups 10. Minify JS 11. Avoid redirects 12. Remove duplicate scrips 13. Configure of Etags 14. Make AJAX cacheable and small
  32. 32. Do it yourselfLow hanging fruit ‣ Reduce page size ‣ Enable Gzip ‣ Reduce the number of roundtrips ‣ Structure the page to improve rendering & download ‣ Enable Caching ‣ Clean up code & remove duplicates
  33. 33. Do it yourselfLow hanging fruit More advanced ‣ Reduce page size ‣ Non Blocking scripts ‣ Enable Gzip ‣ Optimizing images ‣ Reduce the number of roundtrips ‣ Splitting payloads ‣ Structure the page to improve ‣ Asynchronous loading rendering & download ‣ Pre-loading ‣ Enable Caching ‣ Etc. ‣ Clean up code & remove duplicates
  34. 34. Example: Insurance Company
  35. 35. % visitors per browser Other 9% Chrome11 4% Safari5 4% MSIE8 Chrome12 7% 39% Firefox4 8% MSIE7 10% MSIE9 19%Source: Gomez Active & Browser RUM
  36. 36. Other Chrome119% 4% Safari5 4% Chrome12 MSIE8 MSIE8 6,4 7% 39% Firefox4 8% MSIE9 5 MSIE7 10% MSIE9 19% MSIE7 14,7 Firefox4 5,6 Chrome12 5,8 Safari5 5,9 0 3,75 7,5 11,25 15 Page load time per browser (sec.)Source: Gomez Active & Browser RUM
  37. 37. This is what the data tells us... 1. Focus on IE7/8 2. Focus on Front-End optimization first 3. Clean up the code 4. Reduce payload 5. Combine requests
  38. 38. IE7 IE8 IE9 Chrome First view 14,7s 6,4s 5,0s 5,8s Repeat view 11,7s 6,1s 4,1s 3,7sSource: Web Analytics, Gomez Active & Browser RUM
  39. 39. IE7 IE8 IE9 Chrome First view 14,7s 6,4s 5,0s 5,8s Repeat view 11,7s 6,1s 4,1s 3,7s Optimize! ‣Reduced pagesize from 760Kb to 390Kb ‣Reduced # request from 68 to 48Source: Web Analytics, Gomez Active & Browser RUM
  40. 40. IE7 IE8 IE9 Chrome First view 14,7s 6,4s 5,0s 5,8s Repeat view 11,7s 6,1s 4,1s 3,7s Optimize! ‣Reduced pagesize from 760Kb to 390Kb ‣Reduced # request from 68 to 48 IE7 IE8 IE9 Chrome First view -11% -14% -7% -22% Repeat view -20% -54% -39% -17%Source: Web Analytics, Gomez Active & Browser RUM
  41. 41. Only 5 days after 5 days after implementationimplementation
  42. 42. 30% page 5 days after load time implementation reduction! 7 300 270 6 240 5 210 4 180 150 3 120 2 90 60 1 30 0 0 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 Page Load Time (sec.) Actual SalesSource: Web Analytics, Gomez Active & Browser RUM
  43. 43. 30% page load time 20% average page load time reduction! reduction! 7 300 270 6 240 5 210 4 180 3 Better yet: 20% 150 120 2 increase in conversion! 90 60 1 30 0 0 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 Page Load Time (sec.) Actual SalesSource: Web Analytics, Gomez Active & Browser RUM
  44. 44. Faster is better, but...
  45. 45. The downside of DIYManual optimization is time consuming, this isonly 1 sales funnel;Getting priority in the release schedule can bedifficult;Optimization is not a once off, but a continuouscycle of improvement;Difficult to keep up with new techniques, newbrowsers, etc.
  46. 46. However...the biggest challenge is:
  47. 47. Business IT vs.
  48. 48. Making theweb faster Marketing initiatives
  49. 49. What if....?
  50. 50. Definition Steve Souders “High-Performance  Websites”licationperformance.com Performance is our business! tekst
  51. 51. Customer Web Site
  52. 52. Performance Automation
  53. 53. Web Application Web Application Delivery Transformation via: Joshua Bixby @ London Web Performance Group, Strangeloopnetworks
  54. 54. Web Application Transformation
  55. 55. Load Web App Internet balancer server server DBCustomer Your website
  56. 56. Option 1: Cloud Load Web App Internet balancer server server DBCustomer Your website
  57. 57. Option 2: Option 1: Hardware Cloud appliance Load Web App Internet balancer server server DBCustomer Your website
  58. 58. Option 2: Option 1: Hardware Cloud appliance Load Web App Internet balancer server server DBCustomer Your website Option 3: Software modules
  59. 59. Building a Business Case
  60. 60. 2 Components
  61. 61. Budget for DIY 2 Components
  62. 62. Budget for DIY# Hours to Build 2 Components
  63. 63. Budget for DIY# Hours to Build# Hours to Test 2 Components
  64. 64. Budget for DIY# Hours to Build # Hours to Test# Hours to Deploy 2 Components
  65. 65. Budget for DIY# Hours to Build # Hours to Test# Hours to Deploy Time schedule? 2 Components
  66. 66. Budget for DIY Revenue# Hours to Build # Hours to Test# Hours to Deploy Time schedule? 2 Components
  67. 67. Budget for DIY Revenue # Pageviews /# Hours to Build browser type # Hours to Test# Hours to Deploy Time schedule? 2 Components
  68. 68. Budget for DIY Revenue # Pageviews /# Hours to Build browser type # Orders / # Hours to Test browser type# Hours to Deploy Time schedule? 2 Components
  69. 69. Budget for DIY Revenue # Pageviews /# Hours to Build browser type # Orders / # Hours to Test browser type Page speed /# Hours to Deploy browser type Time schedule? 2 Components
  70. 70. Budget for DIY Revenue # Pageviews /# Hours to Build browser type # Orders / # Hours to Test browser type Page speed /# Hours to Deploy browser type Time schedule? Correlate 2 Components
  71. 71. Example: Travel site
  72. 72. % Conversion/Visits per browser type 47,7 48,5 13,7 0,3 13,4 10,3 6,8 12,7 5,3 5,8 IE8 IE6 IE7 IE9 FF3.6 RevenueSource: Web Analytics, Gomez Active & Browser RUM
  73. 73. % Conversion/Visits per browser type 47,7 48,5 13,7 0,3 13,4 10,3 6,8 12,7 5,3 5,8 IE8 IE6 IE7 IE9 FF3.6 Revenue Page Load Time per browserSource: Web Analytics, Gomez Active & Browser RUM
  74. 74. Revenue Risked per Browser 47,7 48,5 13,7 0,3 13,4 10,3 6,8 12,7 5,3 5,8 IE8 IE6 IE7 IE9 FF3.6 RevenueSource: Web Analytics, Gomez Active & Browser RUM
  75. 75. From accounting to optimization
  76. 76. autotrader.co.uk/ barclays.co.uk/ bouyguestelecom.fr/ bt.com/100+ URLs de.bigpoint.com global.metlife.com meteo.it/ tested* meteofrance.com/ societegenerale.fr/ sports.yahoo.com www.888.com/ www.aa.com www.airfrance.fr/ www.allstate.com www.amazon.com www.autoscout24.de/ www.bahn.de/ www.bankofamerica.com www.bbc.co.uk/ www.betfair.com/ www.bild.de/ www.bnpparibas.net/ www.bookit.com www.chip.de/ www.cnet.com/ www.cnn.com* Per site, homepage selected www.commentcamarche.net/
  77. 77. ‣ Location Datacenter MeasureWorks: Almere/Amsterdam‣ 20 private WPT instances on virtual machines running IE8on Windows server 2003, with 512Mb memory each.‣ Connection, DSL, 1.5 Mbs/384Kbs with 50ms RTT
  78. 78. Results
  79. 79. Overall:
  80. 80. 8,8 7,6 View st Fir 6,4 4,5 3,8 View t p ea 3,5Re 0 1 2 3 4 5 6 7 8 9 Not-optimized Avg. optimizers Fastest optimizer
  81. 81. 8,8 View 7,6 -28% st Fir 6,4 4,5 3,8 t View -24% p ea 3,5Re 0 1 2 3 4 5 6 7 8 9 Not-optimized Avg. optimizers Fastest optimizer
  82. 82. From a business perspective:
  83. 83. Every site has a business model
  84. 84. E-commerce & Travel Make people buy things
  85. 85. Media Make you click on ads
  86. 86. Finance & Insurance Perform financial transactions & open savings account
  87. 87. Distribution of elements per type of sites (in Kb) HTMLJavascript CSS Images Flash 0 300 600 900 News Ecommerce Travel Gaming Finance
  88. 88. Every business model optimizesdifferently
  89. 89. Images Average usage of images (in Kb) 437 300 200 179 100 0 l e ve nc Tra Fina
  90. 90. Images Average usage of images (in Kb) 437 300 Average reduction of Images (in %) 200 179 el 4% Trav 100 ce 16% nF ina 0% 5% 10% 15% 20% 0 l e ve nc Tra Fina
  91. 91. Javascript Average reduction of Javascript (in %) ws 3% N e 18% e rce o mmEc 0% 5% 10% 15% 20%
  92. 92. Javascript Average reduction of Javascript (in %) ws 3% N e Average usage of javascript (in Kb) 300 260 18% e rce 219 o mm 200Ec 0% 5% 10% 15% 20% 100 0 ws rce Ne e o mm Ec
  93. 93. Other... avg. Keep Alive scores100 98 93 8575 675025 0 Travel Ecommerce Not-optimized avg. Optimizers+ 46% 9%
  94. 94. Other... avg. Keep Alive scores avg. GZIP scores100 98 100 93 85 7675 75 67 65 5950 50 3025 25 0 0 Travel Ecommerce News Finance Not-optimized avg. Optimizers+ 46% 9% 17% 97%
  95. 95. From a technical perspective:
  96. 96. Loadtime (sec.) Region 9,9EU 8,3 12% 6,6US 6,4 3% 0 2,5 5 7,5 10 Not-optimized Optimizers
  97. 97. Loadtime (sec.) Region 9,9EU 8,3 12% 6,6 Size (Kb)VS 6,4 3% 1021 EU 0 2,5 5 7,5 10 862 Not-optimized Optimizers 766 VS 695 0 275 550 825 1100 Not-optimized avg. Optimizers
  98. 98. Improvement based on elements per site (%) 3022,5 15 7,5 0-7,5 ML ipt SS g es las h HT scr C ma F Java I EU US
  99. 99. United StatesEurope
  100. 100. Optimization will vary
  101. 101. Not-optimized Sitespect PageSpeedService More requests Less requests
  102. 102. Not-optimized Sitespect PageSpeedService More requests Less requests Handle .swf object at the end
  103. 103. Not-optimized Mod_pagespeed AptimizeLong First Byte Time Less requests
  104. 104. Some examples
  105. 105. .de10#sec.#,#102#requests# 4,2#sec.#,#72#requests#
  106. 106. Not-Optimized: 12 sec. Optimized : 3.1 sec. Acceleraon*of*small*elements* m && S am e&file&fro & ec. 0,6&to&0,1&s *.swf&file&moved&last&in&line&
  107. 107. Taking care of the Javascript
  108. 108. Winners?
  109. 109. 89 89 88 88 86 85 84 83 83 81 81 81 79 77 77 76 75 74 74 68 67 67 67 67 64 64 63 57 57 55 54 54 54 53 53 52 52 52 51 51 48 44 44 43 43 43 42 4137 30 Cache StaticCDN OneCDN Gzip Cookies KeepAlive Minify Combine Compression Etag Non-optimized Aptimize Mod_Pagespeed PageSpeedService Sitespect
  110. 110. Who’s next....
  111. 111. 40%30%20% 32% 16% 10% 13% 9% 10% Finance Gaming 0% Travel Ecommerce News Average Loadtime Improvement (in %)
  112. 112. It works!
  113. 113. 15% Total time Savings 85%
  114. 114. 15%27,9 hrs is the total time it took to complete the testrun with non-optimized pages.... Total time Savings 85%
  115. 115. 15%27,9 hrs is the total time it took to complete the testrun with non-optimized pages.... Optimization reduces it by 4,2 hrs Total time Savings 85%
  116. 116. 15%27,9 hrs is the total time it took to complete the testrun with non-optimized pages....Optimization reduces it by 4,2 hrs Total time Or....8,1Gb is the total non-optimized pagesize....Using Savings optimization this can be reduced with 1,2 Gb 85%
  117. 117. The average person in Europe spends 34,4 hours online per month and visits 3515 pages Source: Adformatie, March 2011
  118. 118. Just imagine.....
  119. 119. What you can do....
  120. 120. ...with all the extra time
  121. 121. Unfortunately, it’s not a push of the button
  122. 122. Your mileage may vary....
  123. 123. There’s the website itself Place: Place: View View order my account Task: history Task: Create Log Inaccount Task: Place: Upgrade Task: Read account Buy review stuff comments
  124. 124. Browsers Location Browser versions Last mile Type of productUsed technology Many variables to take into account
  125. 125. .....and so will your test results
  126. 126. Fully loaded, Non-Optimized Fully loaded, OptimizedComputerbild.de NBC.comVoyages-sncf.com
  127. 127. DIY vs. Performance Automation
  128. 128. Benefits of automationOptimizes all pages automatically with a set ofstandard treatments;Quick and (can be) easy to install;Provides continuous optimization;Creates performance baseline, all pages aremade as fast as possible
  129. 129. But...
  130. 130. Downside of automation You need to understand your website to get the most out of automation; Not all treatment settings are good for your website; Automation needs customization to reach full potential; 3d Party content is not optimized ;-)
  131. 131. My advice: It’s both
  132. 132. Takeaways...
  133. 133. Start benchmarking multiple options
  134. 134. 1. Determine your business targets
  135. 135. 1. Determine your business targets 2. Create a test environment
  136. 136. 1. Determine your business targets 2. Create a test environment 3. Select measurement tool
  137. 137. 1. Determine your business targets 2. Create a test environment 3. Select measurement tool4. Connect to automation providers
  138. 138. 1. Determine your business targets 2. Create a test environment 3. Select measurement tool4. Connect to automation providers 5. Test, Correlate & Compare
  139. 139. It’s about the customer journey
  140. 140. Is this bad?....Ordering Car Insurance Source: Gomez
  141. 141. Is this bad?....1: Landing page 4: Enter insurance details2: Click order 5: Calculate offer3: Enter personall details 6: Order insurance Source: Gomez
  142. 142. Is this bad?....1: Landing page 4: Enter insurance details2: Click order 5: Calculate offer3: Enter personall details 6: Order insurance Source: Gomez
  143. 143. Business case: Focus on attributing KPI’s
  144. 144. Cart abandonments
  145. 145. http://www.flickr.com/photos/ mrmoorey/160654236Bounce rate
  146. 146. Traffic / Page views
  147. 147. Time on site
  148. 148. And remember....
  149. 149. Publish data online Start repeating tests with specific scenariosStress-test the optimizersExpand to different vendors and/or solutions
  150. 150. Questions?
  151. 151. Thanks! More questions?M: jtjepkema@measureworks.nlT: @jeroentjepkemaW: www.measureworks.nl

×