Web Performance

Targets

Targets

  • Cable: speed index 1000
  • 3G: 3000
  • Repeat: asap

Metrics

Milestone Metrics

  • Time to first byte
  • Time to first paint
  • Time to DOM content loaded
  • Time to first meaningful paint/time to first contentful paint
  • Time to first [meaningful] interaction
  • App-specific ones

Perceived Metrics

  • Page Index

Techniques

  • Bundling
  • Caching
  • Compression
  • Dead Code Elimination
  • Deferred Loading
  • Preloading

https://vimeo.com/113715672 http://designingforperformance.com/basics-of-page-speed/

  • Fewer requests
    • Bundling
  • Less data transferred
    • Compression
    • Minification
    • Dead Code elimination
  • Defer requests until after page loaded
    • Deferred loading
  • Defer requests until a feature is needed
  • Only load assets if required by the browser
    • Optional loading
  • Preloading assets anticipated needed for the future