speed is feature #1
TRANSCRIPT
Speed is Feature #1
Sergey Chernyshev !
NY Web Performance & CSS/UX Meetup January 15, 2015
Sloooowly
Even Slower
Slowness Damages Business
100ms delay -> -1% of sales. (Amazon, 2006)
400ms delay -> -5 - 9% full-page traffic. (Yahoo autos, 2008)
500ms delay -> -25% searches. (Google, 2007)
Long-term Brand Effects
Slowness damages the brand.(Google, Microsoft, 2009)
Google uses speed in search result ranking (SEO) and quality score (AdWords)
Speed Means Business
+3% ad revenue, +17% page views per session. (Edmunds, 2010)!
+7-12% conversions! 50% reduction in operation costs (Shopzilla, 2009)!
+15% (+60M) downloads, each 1sec increased 2.7% downloads (Firefox, 2010)
Fred WilsonManaging Partner, Union Square Ventures @ NYC
http://www.aVC.com/
“1. Speed is the most important feature.”
10 Golden Principles of Successful Web Apps http://vimeo.com/10510576
Fight for Features
Anti-Ads
Fast Ads
Get rid of document.write!
Load ads later, when ready
Anti-Content
CMSs like WordPress, Drupal, Magento, etc.
Search result, auto-complete, etc.
Fast Content
Static content
Caches (APC, memcache, Varnish, CDN, browser)
Flush HTTP stream early / multiple timeshttp://calendar.perfplanet.com/2014/async-fragments-rediscovering-progressive-html-rendering-with-marko/
Optimize
Anti-Progress
Fast Progress
Mobile Design Details: Avoid The Spinner: http://www.lukew.com/ff/entry.asp?1797
Fast Progress
Mobile Design Details: Avoid The Spinner: http://www.lukew.com/ff/entry.asp?1797
Anti-Carousel
Fast Carouseljust image
Fast Carouselloaded
Anti-Responsive Design
Load just enough code
Use modern tech where aplicable
Don’t copy desktop features 1-to-1
Fast and Responsive
Tim Kadlec
Anti-Images
Responsive Images
0.000
1.000
2.000
3.000
4.000
Small Medium Large Source
3.818
1.4541.233
0.407
http://responsiveimages.org/
Establish Speed Culture
Thank You!
Sergey Chernyshev
http://sergeyche.com/
@SergeyChe