$30 off During Our Annual Pro Sale. View Details »

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. With special attention to the problems that ads and analytics present for publishers, we will discuss how antiquated notions of web performance are a ripe environment for abuses by 3rd party code. Finally, we will discuss techniques for improving performance monitoring as a tool for institutional change.

Zack Tollman

August 08, 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
    Sammich

    View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. The Load
    Event

    View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. Golden Age of
    Performance Metrics

    View Slide

  17. Too Many
    Metrics

    View Slide

  18. 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

  19. Tools Are
    Fantastic

    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. Philip Walton
    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 And
    Real User
    Monitoring

    View Slide

  34. Location

    View Slide

  35. Network

    View Slide

  36. Device

    View Slide

  37. Browser

    View Slide

  38. Test Frequency

    View Slide

  39. RUM: Real User
    Monitoring

    View Slide

  40. Variance
    is Provided

    View Slide

  41. Instrumentation
    Challenges

    View Slide

  42. Test with Synthetic

    View Slide

  43. Verify with RUM

    View Slide

  44. Data

    View Slide

  45. mean median average
    percentiles
    standard deviation

    View Slide

  46. Consider
    Your Audience

    View Slide

  47. Report
    Raw Values

    View Slide

  48. View Slide

  49. Competitor
    Comparisons

    View Slide

  50. Percent
    Change

    View Slide

  51. Business
    metric correlations

    View Slide

  52. Defining Fast Defines Your
    Performance Culture

    View Slide

  53. Don't Let Others
    Define Your Culture

    View Slide

  54. speakerdeck.com/tollmanz

    View Slide