2015 State of the Union: Mobile Web Performance

1.377 Aufrufe

Veröffentlicht am

There are, of course, many more than 23 interesting stats about mobile usage and performance (these slides are based on just a one-hour talk, after all), but if you’re interested in mobile, this is a good start.

See a recording of this talk: http://soasta.io/2015mobileSOTU

Veröffentlicht in: Mobil
0 Kommentare
5 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.377
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
99
Aktionen
Geteilt
0
Downloads
11
Kommentare
0
Gefällt mir
5
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie
  • We process visual information about 60,000 times faster than we process text-based information.

    Today, images alone account for more page weight than the entire payload of the average page just two years ago.

    The solution: The vast majority of images on the web are either in the wrong format or they’re the wrong size or they’re uncompressed — or some combination of all three of these factors. Here’s a high-level checklist of image optimization tips I compiled a few months back. For a deeper dive, check out this recording of Guy Podjarny’s O’Reilly webcast about creating high-performance images.
  • We process visual information about 60,000 times faster than we process text-based information.

    Today, images alone account for more page weight than the entire payload of the average page just two years ago.

    The solution: The vast majority of images on the web are either in the wrong format or they’re the wrong size or they’re uncompressed — or some combination of all three of these factors. Here’s a high-level checklist of image optimization tips I compiled a few months back. For a deeper dive, check out this recording of Guy Podjarny’s O’Reilly webcast about creating high-performance images.
  • in 2011, almost half of all pages served to mobile contained fewer than 25 total requests.
    Today, more than half of all pages contain 50 or more requests, with 20% of pages containing 100 or more.
    Latency for major mobile carriers in the US ranges from 340 to 362 milliseconds.


  • Do an audit of some of your key pages and see where you fall on the JS spectrum.
    If you’re in the 6+ JS files camp (or even if you’re not), watch Nicholas Zakas’s talk Enough With the JavaScript Already
  • Redirects can be a performance fail in a few ways. They slow down page load, of course.
    But arguably even worse, if you’re trying to view a desktop-only page on your phone, the redirect can send you to the home page of the mobile site, with no idea how to get to the content you were hoping to see.
    It’s more than a performance fail: it’s a total usability fail.
  • In 2011, only 3% of pages served to mobile contained HTTPS requests.
    Today, that number has climbed to 16%.
    While this is a fantastic step forward in terms of offering a more secure user experience, it also comes with performance considerations that site owners need to be aware of.
    HTTPS requests require a few extra handshakes in order to verify their authenticity, which incurs an extra bit of latency.
    This latency can affect load times, though it doesn’t have to.
  • 2015 State of the Union: Mobile Web Performance

    1. 1. 2015 State of the Union Mobile Web Performance
    2. 2. @tameverts performancebeacon.com
    3. 3. We have a love/hate relationship with mobile
    4. 4. 7% of US adults rely on their smartphones Source: Pew Research
    5. 5. Almost half of US adults “can’t live without” their smartphone Source: Pew Research
    6. 6. 39% of mobile users are unhappy Source: Akamai
    7. 7. 57% have experienced problems Source: Akamai
    8. 8. 3 out of 4 consider mobile slower than desktop Source: Akamai
    9. 9. 46% will not return to a site that performs poorly Source: Akamai
    10. 10. Only about 1 out of 10 prefer to shop via mobile Source: Akamai
    11. 11. So why bother with mobile?
    12. 12. Because mobile is growing fast
    13. 13. Source: Ericsson
    14. 14. Source: Ericsson 4 out of 5 people worldwide will own a smartphone
    15. 15. Because mobile users are more engaged
    16. 16. Source: Akamai Product searches (weekly)
    17. 17. Because mobile users shop more
    18. 18. Source: Akamai Consumers who make at least one purchase per week
    19. 19. What are mobile shoppers buying? Source: Criteo
    20. 20. Because mobile users spend more
    21. 21. Source: Akamai Annual spending per device
    22. 22. The US is not the global benchmark Text is good Source: Criteo
    23. 23. The future of mobile commerce? Source: Criteo
    24. 24. How fast do mobile users expect pages to be?
    25. 25. Just a 1-second delay hurts mobile metrics Source: SOASTA
    26. 26. Source: SOASTA Just a 1-second delay hurts mobile metrics
    27. 27. What’s wrong with mobile performance?
    28. 28. Page bloat Number of resources Scripts Custom fonts Redirects HTTPS
    29. 29. Mobile page bloat Source: Mobile HTTP Archive
    30. 30. The average page has grown by 3X since 2011 Source: Mobile HTTP Archive
    31. 31. Lara Hogan, Web performance is user experience
    32. 32. Images account for 63% of page weight Source: Mobile HTTP Archive
    33. 33. Compress Reformat Use WebP Sprite Defer Preload Learn more: High Performance Images (Guy Podjarny)
    34. 34. 1 out of 5 pages contains 100+ resources Source: Mobile HTTP Archive
    35. 35. Fix back end Leverage browser cache Consolidate resources Use a CDN
    36. 36. JavaScript usage continues to rise Source: Mobile HTTP Archive
    37. 37. Know when to say “no” Use async scripts when possible Watch this talk…
    38. 38. 48% of pages served to mobile use custom fonts Source: Mobile HTTP Archive
    39. 39. Custom fonts can require huge amounts of CSS, heavy JS, or external hosting
    40. 40. Use only when necessary Better yet, disable them for mobile Read: Webfont optimization (Ilya Grigorik)
    41. 41. 1 out of 5 pages contains 5+ redirects Source: Mobile HTTP Archive
    42. 42. Read: How to minimize redirects (Patrick Sexton) URL redirect fails (Brad Frost)
    43. 43. 16% of pages contain HTTPS requests Source: Mobile HTTP Archive
    44. 44. Verify certificate configuration Enable keep-alives Consider HTTP Strict Transport Security header Read: HTTPS and Web Performance (Dean Hume)
    45. 45. Page bloat has a cost
    46. 46. Many smartphone owners exceed their data cap Source: Pew Research
    47. 47. Low- and middle-earners more likely to max data Source: Pew Research
    48. 48. Is mobile an essential service?
    49. 49. Some companies now charge extra for paper billing Many companies now only post jobs online Government services moving online, physical offices shutting down Financial services for seniors and shut-ins High school and university students need to access online research and communications tools
    50. 50. 7% of US adults rely on their smartphones Source: Pew Research
    51. 51. Takeaways
    52. 52. People need mobile Most mobile users are dissatisfied #1 cause of slowdowns: Page size #2 cause of slowdowns: Page complexity Slowdowns hurt your visitors Slowdowns hurt you You can make things better
    53. 53. mPulse Pro for 3 months for free soasta.io/mobilewebperf

    ×