Think about 

a time you almost


(╯°□°）╯︵ ┻━┻


Because of a slow site



A.K.A.

The
Worst Experience

(╯°□°）╯︵ ┻━┻

Ever


Is That A
Gift
You Would Give To A
Friend?



Now:

Think About That 

Experience

(╯°□°）╯︵ ┻━┻ 

Every Time You Code



Performance
Matters


#perfmatters     #webperf     #fightfortheuser
 @jakob_anderson



Why Does

Performance

Matter?




Because
Humans

(╯°□°）╯︵ ┻━┻





Because
Time



Because
Money


Because
 Science!

Credit: KissMetrics

http://blog.kissmetrics.com/loading-time/
http://sixrevisions.com/web-development/why-website-speed-is-important/



So...




Be

Scientific



  • Measure the right thing

  • BIG FISH first

  • EXPERIMENT

  • fail / pass HYPOTHESES

  • KEEP WHAT worked

Stand on
Souders
Of
Giants

 

Learning Resources


  • Yahoo
    http://developer.yahoo.com/performance/rules.html

  • Google
    https://developers.google.com/speed/
  • Books
    High Performance Web Sites - Steve Souders
    Even Faster Web Sites - Steve Souders
  • #perfmatters    #webperf


Testing Tools


  • YSlow - Plugin
    http://developer.yahoo.com/yslow/

  • PageSpeed Insights - Plugin
    https://developers.google.com/speed/pagespeed/insights_extensions

  • WebPageTest.org

  • Pingdom Tools
    http://tools.pingdom.com/fpt/

  • Performance.now() - aPI
    https://developer.mozilla.org/en-US/docs/Web/API/Performance.now()


Optimization
Tools & Services


  • imagemin & Smush.it

  • uglify.js

  • Content Delivery  
    Networks

When

Resources

&

Tools

   are not enough ...


Make

PERFORMANCE

Your

CULTURE


 

Think about 

perf while:


  • Planning
  • DEVELOPING
  • TESTING
  • MAINTaining
  • Automating
  • eating...



 Remember,

You can prevent


(╯°□°）╯︵ ┻━┻


If you ...


Fight
For The
User

and Make Performance Matter



#perfmatters      #webperf      #fightfortheuser
     
@jakob_anderson


Icon credits (cc): Nick Frost - http://dribbble.com/gimpo, Steve Sutanto - http://dribbble.com/ssutanto

Made with Slides.com