Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Defining Fast: The Hardest Problem in Performance Engineering

Defining Fast: The Hardest Problem in Performance Engineering

We all want fast sites, but what is fast? What is performant? We may know it when we see; yet quantifying and communicating about web performance effectively is still a challenge. In this talk, we will discuss our ever-evolving set of standards for what comprises a fast site, how to measure it, and what to do once we have the resulting data.

Zack Tollman

November 02, 2019
Tweet

More Decks by Zack Tollman

Other Decks in Technology

Transcript

  1. Defining Fast
    The Hardest Problem in Performance Engineering
    Zack Tollman | Condé Nast

    View Slide

  2. Menu Master

    View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. Time to
    Sammie

    View Slide

  8. View Slide

  9. Time to
    Purchase

    View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. 1. Metrics
    2. Observing
    3. Reporting

    View Slide

  14. The Load
    Event

    View Slide

  15. View Slide

  16. View Slide

  17. View Slide

  18. Golden Age of
    Performance Metrics

    View Slide

  19. JS Parse/Compile Time Load Time Start Render
    First Contentful Paint MS First Paint Total Byte Weight
    Time to Interactive First CPU Idle Hero Element Load Time
    DOM Content Loaded First Paint Total Requests
    Perceptual Speed Index First Meaningful Paint Speed Index

    View Slide

  20. What Should
    You Care
    About?

    View Slide

  21. Does the Page Appear
    to be Loading?

    View Slide

  22. Server Timing API - Time to First Byte
    Start Render - First Paint
    First Contentful Paint

    View Slide

  23. Can I see
    meaningful content?

    View Slide

  24. First Meaningful Paint
    Speed Index
    Element Timing API

    View Slide

  25. Can I click on
    or scroll the page?

    View Slide

  26. First CPU Idle
    First Input Delay
    Rage Clicks

    View Slide

  27. Does the page
    continue to be usable?

    View Slide

  28. Time to Interactive
    Long Tasks
    User Timing API

    View Slide

  29. View Slide

  30. User-centric
    Performance Metrics
    https://developers.google.com/web/fundamentals/performance/user-centric-performance-metrics

    View Slide

  31. Metrics Picked
    Now What?

    View Slide

  32. Measure
    The Metrics

    View Slide

  33. Synthetic
    Monitoring

    View Slide

  34. Location Network
    Device Browser

    View Slide

  35. Test Frequency

    View Slide

  36. View Slide

  37. RUM: Real User
    Monitoring

    View Slide

  38. Instrumentation
    Challenges

    View Slide

  39. Variance
    is Provided

    View Slide

  40. View Slide

  41. Test with Synthetic
    Verify with RUM

    View Slide

  42. Performance Observed
    Now What?

    View Slide

  43. mean median
    percentiles histograms
    standard deviation

    View Slide

  44. View Slide

  45. Alerting

    View Slide

  46. View Slide

  47. Accessibility
    Percent Change
    Competitor Analysis
    Product Comparisons

    View Slide

  48. Defining Fast Defines Your
    Performance Culture

    View Slide

  49. speakerdeck.com/tollmanz

    View Slide