Front-end performance can be a zen-like experience or a horrifying nightmare from the minds of the Great Old Ones Why performance matters and what you can do to make the Internet suck less
Jan 28, 2015
Front-end performance can be a zen-like experience or a horrifying nightmare from
the minds of the Great Old Ones
Why performance matters and what you can do to make the Internet suck
less
Let’s talk about what the Internet isn’t
TUBES
Where to begin?
At the beginning …
1998: Web Performance Tuning by Patrick Killelea
2004: Steve Souders coined the phrase “web performance optimization”
Fast forward 10 years ...
Source: Wikipedia.org
Steve Souders (formerly Google)
"... at least 80% of the time that it takes to download and
view a website is controlled by the front-end structure. This
lag time can be decreased through awareness of typical
browser behavior, as well as of how HTTP works."
Read more: High Performance Websites, Even Faster Websites, and http://j.mp/13nzVKF
Source: Wikipedia.org
Impact to end user experience
User experience degraded
People leave
Performance matters a lot
It’s ok … we havethe technology
What you can do today
Favor measurements
Understand HTTP and TCP
Decypher waterfall charts
Learn about HAR & TAP files
Review Speed Index
Chrome Developer Tools
Web Page Test, New Relic, Showslow
Google PageSpeed Insights
Charles & Fiddler Web Proxies
YSlow
sitespeed.io
Tools in your toolbox
Logging is OK
http://cobbdb.github.io/lumberjack/
Question everything
It’s ok to challenge
Always know the intention
Scrutinize new HTTP requests
Anticipate change impact
Examples
Recommended articles
Front-End OpsAlex Sextonhttp://j.mp/13nyNH9
A Baseline for Front-End DevelopersRebecca Murpheyhttp://j.mp/13nBh8n
Performance as design Brad Frost http://j.mp/13nzIqR
More resources
Velocity Conference (O’Reilly)
Front End Ops Conference (videos http://j.mp/1olbjiE)
YSlow phantomjs CLI http://yslow.org/phantomjs/
PageSpeed Insights CLI http://j.mp/1kE7a9F
http://www.webperformancetoday.comhttps://delicious.com/jheady/performance
Front-end performance can be a zen-like experience or a horrifying nightmare from
the minds of the Great Old Ones
Why performance matters and what you can do to make the Internet suck
less
FRONT END OPS
The future is blindingly bright
Front-End Ops - http://j.mp/13nyNH9
Automate all the things1. grunt, bower, yeoman2. linting, hinting3. minification, compression, concatenation4. karma, jasmine (JS unit)5. CasperJS (PhantomJS, SlimerJS) (func)6. cucumber-js, gherkin syntax (BDD)7. ??? … profit
meetup.com/Atlanta-Web-Performance-Group
http://atlanta.buildguild.org/
THANKS!
http://en.wikipedia.org/wiki/Superkamiokande
THANK YOU!
These slideshttp://j.mp/1bgD9oG