Skip to content

Instantly share code, notes, and snippets.

@bmuenzenmeyer
Last active January 12, 2016 19:40
Show Gist options
  • Save bmuenzenmeyer/e40f19855e9037e09d50 to your computer and use it in GitHub Desktop.
Save bmuenzenmeyer/e40f19855e9037e09d50 to your computer and use it in GitHub Desktop.
Conference Notes: Getting Started with Performance Budgets

Tim Kadlec - Akamai

Slides: https://speakerdeck.com/tkadlec/getting-started-with-performance-budgets-at-highedweb-technical-academy-2015

Performance is a cultural issue

Lack of performance = lack of planning

Post-optimization is the root of all evil, because it never happens.

Performance impacts all business and technical KPIs.

Performance Budget:

  • a clearly defined performance goal

  • 4 types

    1. Quantity-based: (# of requests, total bytes)
    2. Rule-based: (PageSpeed Insights, ySlow, Grades)
    3. Milestone Timing: (time to first byte, start render, DOM content loaded)
    4. Speed Index (Percent visually complete) - lower is better. < 1000 is great

    NO LINK TO UX <========================> CLOSEST UX

    1............2....................................3.........................................4................

    A combination of metrics is best to communicate total performance.

Improvements to performance are best made in 20% increments. That's the threshold at which most people will notice change. It's also less daunting to improve incrementally.

You can work backwards too. Use an approximate kb/s connection speed to calculate page weight for a target load time.

Enforcing performance budgets can be automated.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment