Speed is feature #1

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

[email protected]

http://sergeyche.com/

@SergeyChe