SlideShare uma empresa Scribd logo
1 de 65
Baixar para ler offline
37 Lessons I’ve Learned
on the Performance Front Lines
Joshua Bixby
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   4
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   4
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   4
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   4
This convergence of awareness,
even urgency, on the business side
and growing expertise in the tech
community around web performance
marks the beginning of a new industry
that I’m calling “WPO” – Web
Performance Optimization.

                              Steve Souders, May 2010


© 2012 Strangeloop Networks      Strangeloop. Faster Websites. Automatically.   6
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   7
Way back in 2009...




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   8
Velocity 2010




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   9
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   10
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   11
Our earliest mobile findings




© 2012 Strangeloop Networks    Strangeloop. Faster Websites. Automatically.   12
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   13
IE9 will not make pages faster by default




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   14
CDN doesn’t always = faster




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   15
Using Google Analytics as a proxy




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   16
Real-world mirrored proxy metrics




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   17
97% of mobile response time is at the front end




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   18
Big players are as guilty as the rest of us




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   19
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   20
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   21
1 out 4 top sites don’t use cache headers




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   22
3rd party scripts




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   23
“Mobile rage”
       Not our
       study,
       but still
       interesting




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   24
Latency over 3G varies hugely
       Even when tested from the same location at the same time




© 2012 Strangeloop Networks              Strangeloop. Faster Websites. Automatically.   25
35% of mobile visitors prefer the full site




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   26
Mobile: Full-site visitors spend more




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   27
Impact of delays on m-commerce metrics




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   28
Mobile: Impact of delay on bounce rate




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   29
Mobile: Impact of delays on return traffic




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   30
Average page views across browsers




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   31
Average time on site across browsers




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   32
Average bounce rate across browsers




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   33
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   34
Site speed and primary success?




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   35
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   36
Desktop latency ranges from 65-145ms




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   37
Mobile latency ranges from 90-190ms




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   38
Average web page is now 1 MB




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   39
Average web page is now 1 MB




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   40
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   41
Page size correlates to mobile load time




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   42
How does browser use vary through the day?




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   43
How does browser use vary over a week?




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   44
Finding the “performance poverty line”




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   45
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   46
Steve’s rules still apply


       http://www.webperformancetoday.com/2012/05/29/browser-
       innovation-14-web-performance-rules-faster-loading-websites/

       http://www.webperformancetoday.com/2012/09/13/browser-
       innovation-performance-rules-faster-loading-websites-2/




© 2012 Strangeloop Networks               Strangeloop. Faster Websites. Automatically.   47
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   48
Ecommerce State of the Union (Fall 2012)




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   49
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   50
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   51
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   52
iPad 2 versus Galaxy Tablet




                               iPad 2                  Galaxy Tablet

      Platform                 iOS 5.1                  Android 4.04

      Browser                   Safari                 Android Browser

      Processor            1 GHz Apple A5                1 GHz ARM

      Display                  9.5 inch                   10.1-inch
                       512 MB DDR2 (1066 Mbit/s
      Memory                    RAM)                     1GB RAM

      Cellular Radio             3G                            3G
                                                  Class 12 (4+1/3+2/2+3/1+4
      GPRS                       YES                  slots), 32 - 48 kbps

      EDGE                      YES                      Class 12
                          HSDPA, 14.4 Mbps;       HSDPA, 21 Mbps; HSUPA,
      Speed                HSUPA, 2 Mbps                5.76 Mbps
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   94
iPhone 4 versus Galaxy S



                               iPhone 4                          Galaxy S

      Platform                    iOS 4.1                     Android 2.3.6

      Browser                      Safari                   Android Browser

      Processor               1GHz Apple A4                    1GHz ARM

      Display                    3.5- inch                       4-inch

      Memory                 512 MB eDRAM                     512 MB RAM

      Cellular Radio                3G                             3G
                       Class 10 (4+1/3+2 slots), 32 -   Class 12 (4+1/3+2/2+3/1+4
      GPRS                        48 kbps                   slots), 32 - 48 kbps

      EDGE                 Class 10, 236.8 kbps                 Class 12
                            HSDPA, 7.2 Mbps;            HSDPA, 7.2 Mbps; HSUPA,
      Speed                 HSUPA, 5.76 Mbps                   5.76 Mbps
iPhone 4 vs Galaxy S (3G)




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   96
iPhone 4 vs Galaxy S (3G)




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   97
3G compared to desktop




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   98
iPhone 5 versus Galaxy S3



                                  iPhone 5                           Galaxy S3

     Platform                       iOS 6                           Android 4.0.4

     Browser                        Safari                         Android Browser

     Processor                 1.3GHz Apple A6                 1.4 GHz quad-core ARM

     Display                        4-inch                             4.8-inch

     Memory                       1G eDRAM                            1GB RAM

     Cellular Radio                3G/LTE                              3G, 4G
                                                           Class 12 (4+1/3+2/2+3/1+4 slots),
     GPRS                            YES                              32 - 48 kbps

     EDGE                            YES                               Class 12
                      DC-HSDPA, 42 Mbps; HSDPA, 21 Mbps;
                       HSUPA, 5.76 Mbps, LTE, 100 Mbps;       HSDPA, 21 Mbps; HSUPA,
     Speed                  Rev. A, up to 3.1 Mbps                  5.76 Mbps
iPhone 5 vs Galaxy S3 (LTE)




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   100
LTE compared to desktop




© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   101
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   62
Source: http://fuzzyco.com/outliers/




© 2012 Strangeloop Networks                                     Strangeloop. Faster Websites. Automatically.   4
© 2012 Strangeloop Networks   Strangeloop. Faster Websites. Automatically.   64
© 2012 Strangeloop Networks
  2011                        Strangeloop. Faster Websites. Automatically.
                                                                Strangeloop. Faster Websites. Automatically.   103

Mais conteúdo relacionado

Semelhante a 37 Lessons I've Learned on the Performance Front Lines [WebPerfDays 2012]

Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices Maximiliano Firtman
 
VOD4011 August ISG Consumer pg34-35
VOD4011 August ISG Consumer pg34-35VOD4011 August ISG Consumer pg34-35
VOD4011 August ISG Consumer pg34-35Nik Turner
 
Big Trouble in Little Networks
Big Trouble in Little Networks Big Trouble in Little Networks
Big Trouble in Little Networks Stacy Devino
 
Hoja de especificaciones del Droid razr hd
Hoja de especificaciones del Droid razr hdHoja de especificaciones del Droid razr hd
Hoja de especificaciones del Droid razr hdAntonio Da Silva Campos
 
Quantifying The Mobile Difference
Quantifying The Mobile DifferenceQuantifying The Mobile Difference
Quantifying The Mobile DifferenceGuy Podjarny
 
In memory computing principles by Mac Moore of GridGain
In memory computing principles by Mac Moore of GridGainIn memory computing principles by Mac Moore of GridGain
In memory computing principles by Mac Moore of GridGainData Con LA
 
androidRajeshmes
androidRajeshmesandroidRajeshmes
androidRajeshmesRaj K
 
Android
AndroidAndroid
AndroidRaj K
 
Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015Maximiliano Firtman
 
android Rajeshppt
android Rajeshpptandroid Rajeshppt
android RajeshpptRaj K
 
HIT3328 - Chapter01 - Platforms and Devices
HIT3328 - Chapter01 - Platforms and DevicesHIT3328 - Chapter01 - Platforms and Devices
HIT3328 - Chapter01 - Platforms and DevicesYhal Htet Aung
 
Android and Its Aplications
Android and Its AplicationsAndroid and Its Aplications
Android and Its AplicationsRajesh Kanumetta
 
andriodrajesh
andriodrajeshandriodrajesh
andriodrajeshRaj K
 
4G LTE Presentation from O\'Reilly Android Open Confereence
4G LTE Presentation from O\'Reilly Android Open Confereence4G LTE Presentation from O\'Reilly Android Open Confereence
4G LTE Presentation from O\'Reilly Android Open ConfereenceAlex Gaber
 
Mobile technology g, e, 3 g, 3g +, h, h + or 4g _4g bd _ third and fourth gen...
Mobile technology g, e, 3 g, 3g +, h, h + or 4g _4g bd _ third and fourth gen...Mobile technology g, e, 3 g, 3g +, h, h + or 4g _4g bd _ third and fourth gen...
Mobile technology g, e, 3 g, 3g +, h, h + or 4g _4g bd _ third and fourth gen...www.4g-bd.com
 
Big Trouble in Little Networks, new and improved
Big Trouble in Little Networks, new and improvedBig Trouble in Little Networks, new and improved
Big Trouble in Little Networks, new and improvedStacy Devino
 
2012 Annual State of the Union for Mobile Ecommerce Performance [Velocity EU]
2012 Annual State of the Union for Mobile Ecommerce Performance [Velocity EU]2012 Annual State of the Union for Mobile Ecommerce Performance [Velocity EU]
2012 Annual State of the Union for Mobile Ecommerce Performance [Velocity EU]Strangeloop
 
Extreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NYExtreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NYMaximiliano Firtman
 

Semelhante a 37 Lessons I've Learned on the Performance Front Lines [WebPerfDays 2012] (20)

Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices Extreme Web Performance for Mobile Devices
Extreme Web Performance for Mobile Devices
 
VOD4011 August ISG Consumer pg34-35
VOD4011 August ISG Consumer pg34-35VOD4011 August ISG Consumer pg34-35
VOD4011 August ISG Consumer pg34-35
 
Big Trouble in Little Networks
Big Trouble in Little Networks Big Trouble in Little Networks
Big Trouble in Little Networks
 
Hoja de especificaciones del Droid razr hd
Hoja de especificaciones del Droid razr hdHoja de especificaciones del Droid razr hd
Hoja de especificaciones del Droid razr hd
 
Especificaciones Droid razr hd
Especificaciones Droid razr hdEspecificaciones Droid razr hd
Especificaciones Droid razr hd
 
Quantifying The Mobile Difference
Quantifying The Mobile DifferenceQuantifying The Mobile Difference
Quantifying The Mobile Difference
 
In memory computing principles by Mac Moore of GridGain
In memory computing principles by Mac Moore of GridGainIn memory computing principles by Mac Moore of GridGain
In memory computing principles by Mac Moore of GridGain
 
androidRajeshmes
androidRajeshmesandroidRajeshmes
androidRajeshmes
 
Android
AndroidAndroid
Android
 
Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015Extreme Web Performance for Mobile Device Fluent 2015
Extreme Web Performance for Mobile Device Fluent 2015
 
android Rajeshppt
android Rajeshpptandroid Rajeshppt
android Rajeshppt
 
HIT3328 - Chapter01 - Platforms and Devices
HIT3328 - Chapter01 - Platforms and DevicesHIT3328 - Chapter01 - Platforms and Devices
HIT3328 - Chapter01 - Platforms and Devices
 
Android and Its Aplications
Android and Its AplicationsAndroid and Its Aplications
Android and Its Aplications
 
andriodrajesh
andriodrajeshandriodrajesh
andriodrajesh
 
4G LTE Presentation from O\'Reilly Android Open Confereence
4G LTE Presentation from O\'Reilly Android Open Confereence4G LTE Presentation from O\'Reilly Android Open Confereence
4G LTE Presentation from O\'Reilly Android Open Confereence
 
Mobile technology g, e, 3 g, 3g +, h, h + or 4g _4g bd _ third and fourth gen...
Mobile technology g, e, 3 g, 3g +, h, h + or 4g _4g bd _ third and fourth gen...Mobile technology g, e, 3 g, 3g +, h, h + or 4g _4g bd _ third and fourth gen...
Mobile technology g, e, 3 g, 3g +, h, h + or 4g _4g bd _ third and fourth gen...
 
Android
AndroidAndroid
Android
 
Big Trouble in Little Networks, new and improved
Big Trouble in Little Networks, new and improvedBig Trouble in Little Networks, new and improved
Big Trouble in Little Networks, new and improved
 
2012 Annual State of the Union for Mobile Ecommerce Performance [Velocity EU]
2012 Annual State of the Union for Mobile Ecommerce Performance [Velocity EU]2012 Annual State of the Union for Mobile Ecommerce Performance [Velocity EU]
2012 Annual State of the Union for Mobile Ecommerce Performance [Velocity EU]
 
Extreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NYExtreme Web Performance for Mobile Devices - Velocity NY
Extreme Web Performance for Mobile Devices - Velocity NY
 

Mais de Strangeloop

Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...
Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...
Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...Strangeloop
 
Cloud Performance: Guide to Tackling Cloud Latency [Cloud Connect - Chicago 2...
Cloud Performance: Guide to Tackling Cloud Latency [Cloud Connect - Chicago 2...Cloud Performance: Guide to Tackling Cloud Latency [Cloud Connect - Chicago 2...
Cloud Performance: Guide to Tackling Cloud Latency [Cloud Connect - Chicago 2...Strangeloop
 
Velocity 2012: The 90-Minute Mobile Optimization Life Cycle
Velocity 2012: The 90-Minute Mobile Optimization Life CycleVelocity 2012: The 90-Minute Mobile Optimization Life Cycle
Velocity 2012: The 90-Minute Mobile Optimization Life CycleStrangeloop
 
Marrying CDNs with Front-End Optimization
Marrying CDNs with Front-End Optimization Marrying CDNs with Front-End Optimization
Marrying CDNs with Front-End Optimization Strangeloop
 
Front End Optimization [Cloud Connect 2012]
Front End Optimization [Cloud Connect 2012]Front End Optimization [Cloud Connect 2012]
Front End Optimization [Cloud Connect 2012]Strangeloop
 
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?Strangeloop
 
Performance in business terms
Performance in business termsPerformance in business terms
Performance in business termsStrangeloop
 
Web Performance Automation - NY Web Performance Meetup
Web Performance Automation - NY Web Performance MeetupWeb Performance Automation - NY Web Performance Meetup
Web Performance Automation - NY Web Performance MeetupStrangeloop
 
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...Strangeloop
 

Mais de Strangeloop (9)

Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...
Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...
Cloud Connect Santa Clara 2013: Web Acceleration and Front-End Optimization (...
 
Cloud Performance: Guide to Tackling Cloud Latency [Cloud Connect - Chicago 2...
Cloud Performance: Guide to Tackling Cloud Latency [Cloud Connect - Chicago 2...Cloud Performance: Guide to Tackling Cloud Latency [Cloud Connect - Chicago 2...
Cloud Performance: Guide to Tackling Cloud Latency [Cloud Connect - Chicago 2...
 
Velocity 2012: The 90-Minute Mobile Optimization Life Cycle
Velocity 2012: The 90-Minute Mobile Optimization Life CycleVelocity 2012: The 90-Minute Mobile Optimization Life Cycle
Velocity 2012: The 90-Minute Mobile Optimization Life Cycle
 
Marrying CDNs with Front-End Optimization
Marrying CDNs with Front-End Optimization Marrying CDNs with Front-End Optimization
Marrying CDNs with Front-End Optimization
 
Front End Optimization [Cloud Connect 2012]
Front End Optimization [Cloud Connect 2012]Front End Optimization [Cloud Connect 2012]
Front End Optimization [Cloud Connect 2012]
 
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
 
Performance in business terms
Performance in business termsPerformance in business terms
Performance in business terms
 
Web Performance Automation - NY Web Performance Meetup
Web Performance Automation - NY Web Performance MeetupWeb Performance Automation - NY Web Performance Meetup
Web Performance Automation - NY Web Performance Meetup
 
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...
Velocity 2010: Performance Impact, Part Two: More Findings from the Front Lin...
 

Último

Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbuapidays
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsNanddeep Nachan
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelDeepika Singh
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...apidays
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesrafiqahmad00786416
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 

Último (20)

Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 

37 Lessons I've Learned on the Performance Front Lines [WebPerfDays 2012]

  • 1. 37 Lessons I’ve Learned on the Performance Front Lines Joshua Bixby
  • 2. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4
  • 3. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4
  • 4. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4
  • 5. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4
  • 6. This convergence of awareness, even urgency, on the business side and growing expertise in the tech community around web performance marks the beginning of a new industry that I’m calling “WPO” – Web Performance Optimization. Steve Souders, May 2010 © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 6
  • 7. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 7
  • 8. Way back in 2009... © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 8
  • 9. Velocity 2010 © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 9
  • 10. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 10
  • 11. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 11
  • 12. Our earliest mobile findings © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 12
  • 13. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 13
  • 14. IE9 will not make pages faster by default © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 14
  • 15. CDN doesn’t always = faster © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 15
  • 16. Using Google Analytics as a proxy © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 16
  • 17. Real-world mirrored proxy metrics © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 17
  • 18. 97% of mobile response time is at the front end © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 18
  • 19. Big players are as guilty as the rest of us © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 19
  • 20. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 20
  • 21. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 21
  • 22. 1 out 4 top sites don’t use cache headers © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 22
  • 23. 3rd party scripts © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 23
  • 24. “Mobile rage” Not our study, but still interesting © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 24
  • 25. Latency over 3G varies hugely Even when tested from the same location at the same time © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 25
  • 26. 35% of mobile visitors prefer the full site © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 26
  • 27. Mobile: Full-site visitors spend more © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 27
  • 28. Impact of delays on m-commerce metrics © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 28
  • 29. Mobile: Impact of delay on bounce rate © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 29
  • 30. Mobile: Impact of delays on return traffic © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 30
  • 31. Average page views across browsers © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 31
  • 32. Average time on site across browsers © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 32
  • 33. Average bounce rate across browsers © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 33
  • 34. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 34
  • 35. Site speed and primary success? © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 35
  • 36. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 36
  • 37. Desktop latency ranges from 65-145ms © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 37
  • 38. Mobile latency ranges from 90-190ms © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 38
  • 39. Average web page is now 1 MB © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 39
  • 40. Average web page is now 1 MB © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 40
  • 41. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 41
  • 42. Page size correlates to mobile load time © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 42
  • 43. How does browser use vary through the day? © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 43
  • 44. How does browser use vary over a week? © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 44
  • 45. Finding the “performance poverty line” © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 45
  • 46. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 46
  • 47. Steve’s rules still apply http://www.webperformancetoday.com/2012/05/29/browser- innovation-14-web-performance-rules-faster-loading-websites/ http://www.webperformancetoday.com/2012/09/13/browser- innovation-performance-rules-faster-loading-websites-2/ © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 47
  • 48. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 48
  • 49. Ecommerce State of the Union (Fall 2012) © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 49
  • 50. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 50
  • 51. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 51
  • 52. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 52
  • 53. iPad 2 versus Galaxy Tablet iPad 2 Galaxy Tablet Platform iOS 5.1 Android 4.04 Browser Safari Android Browser Processor 1 GHz Apple A5 1 GHz ARM Display 9.5 inch 10.1-inch 512 MB DDR2 (1066 Mbit/s Memory RAM) 1GB RAM Cellular Radio 3G 3G Class 12 (4+1/3+2/2+3/1+4 GPRS YES slots), 32 - 48 kbps EDGE YES Class 12 HSDPA, 14.4 Mbps; HSDPA, 21 Mbps; HSUPA, Speed HSUPA, 2 Mbps 5.76 Mbps
  • 54. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 94
  • 55. iPhone 4 versus Galaxy S iPhone 4 Galaxy S Platform iOS 4.1 Android 2.3.6 Browser Safari Android Browser Processor 1GHz Apple A4 1GHz ARM Display 3.5- inch 4-inch Memory 512 MB eDRAM 512 MB RAM Cellular Radio 3G 3G Class 10 (4+1/3+2 slots), 32 - Class 12 (4+1/3+2/2+3/1+4 GPRS 48 kbps slots), 32 - 48 kbps EDGE Class 10, 236.8 kbps Class 12 HSDPA, 7.2 Mbps; HSDPA, 7.2 Mbps; HSUPA, Speed HSUPA, 5.76 Mbps 5.76 Mbps
  • 56. iPhone 4 vs Galaxy S (3G) © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 96
  • 57. iPhone 4 vs Galaxy S (3G) © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 97
  • 58. 3G compared to desktop © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 98
  • 59. iPhone 5 versus Galaxy S3 iPhone 5 Galaxy S3 Platform iOS 6 Android 4.0.4 Browser Safari Android Browser Processor 1.3GHz Apple A6 1.4 GHz quad-core ARM Display 4-inch 4.8-inch Memory 1G eDRAM 1GB RAM Cellular Radio 3G/LTE 3G, 4G Class 12 (4+1/3+2/2+3/1+4 slots), GPRS YES 32 - 48 kbps EDGE YES Class 12 DC-HSDPA, 42 Mbps; HSDPA, 21 Mbps; HSUPA, 5.76 Mbps, LTE, 100 Mbps; HSDPA, 21 Mbps; HSUPA, Speed Rev. A, up to 3.1 Mbps 5.76 Mbps
  • 60. iPhone 5 vs Galaxy S3 (LTE) © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 100
  • 61. LTE compared to desktop © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 101
  • 62. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 62
  • 63. Source: http://fuzzyco.com/outliers/ © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 4
  • 64. © 2012 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 64
  • 65. © 2012 Strangeloop Networks 2011 Strangeloop. Faster Websites. Automatically. Strangeloop. Faster Websites. Automatically. 103