$30 off During Our Annual Pro Sale. View Details »

Performance Choreography at WebPerfDays NY, 2014

Tim Kadlec
September 18, 2014
Programming
3
530

Performance Choreography at WebPerfDays NY, 2014

Presented at WebPerfDays NY, in New York City, NY on September 18th, 2014.

Tim Kadlec

September 18, 2014
Tweet

More Decks by Tim Kadlec

See All by Tim Kadlec
The State of Node.js Security, at Node.js Interactive 2017
tkadlec
1
220
JavaScript Exposed at Midwest JS
tkadlec
3
260
Focusing On What Matters, at Fluent, 2017
tkadlec
0
110
Once More, With Feeling at Code 2016 in Sydney
tkadlec
1
520
Once More, With Feeling
tkadlec
9
1.5k
Mobile Image Processing at London Web Perf Meetup, 2016
tkadlec
1
160
Better By Proxy at Velocity NY 2015
tkadlec
3
520
Getting Started with Performance Budgets at HighEdWeb Technical Academy, 2015
tkadlec
9
1k
Reaching Everyone, Fast at From the Front, 2015
tkadlec
8
6.4k

Other Decks in Programming

See All in Programming
第42回ロボティクス勉強会：実環境を手軽にシミュレータ環境に持ってくるpointcloud2gazebo
atinfinity
0
910
コンピュータグラフィクスの空
fadis
5
1.2k
非同期ツールキット「Vert.x」のご紹介
masatoshiitoh
0
120
net/httpからnet.Connを掘り起こす
hiroyaonoe
0
380
Input object ではじめる入力値検証/input-value-validation-using-input-object
sanfrecce_osaka
0
200
Python機械学習勉強会in新潟のロゴが無いので、生成AIで作ってみましょう / osc2023niigata
kasacchiful
0
220
OpenTelemetry の Trace を中心としたパフォーマンス改善
rmatsuoka
0
440
ユーザー登録とログインフォームにautocomplete属性を使いましょう
ivanova1991
2
1.6k
Git 和 DevOps - 在混亂的流星群開發流程中找到小確幸
eddie
1
880
Comment choisir les « bons » composants open source ? (Capitole du Libre 2023)
pylapp
0
100
セシール、大地に立つ - NIFTY Tech Day 2023
niftycorp
0
110
弊社の開発体験の良いところは？メンバーに訊いてみた！
texmeijin
0
190

Featured

See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
Intergalactic Javascript Robots from Outer Space
tanoku
264
26k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.8k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
197
11k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
64k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
15
1.7k
A Philosophy of Restraint
colly
194
15k
Building Applications with DynamoDB
mza
87
5.3k
Learning to Love Humans: Emotional Interface Design
aarron
265
39k
Web development in the modern age
philhawksworth
201
9.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
257
12k
A designer walks into a library…
pauljervisheath
199
22k

Transcript

  1. Performance
    Choreography
    September 18, 2014 at WebPerfDays NY
    !
    Tim Kadlec

    @tkadlec
    [email protected]

    View Slide

  2. View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. in-between moments
    impact perception

    View Slide

  8. View Slide

  9. View Slide

  10. “It’s solely intended to enhance
    the user’s perception of your
    app as quick to launch and
    immediately ready for use.

    View Slide

  11. View Slide

  12. http://www.lukew.com/ff/entry.asp?1797

    View Slide

  13. http://www.lukew.com/ff/entry.asp?1797

    View Slide

  14. progress bars focus
    on the waiting

    View Slide

  15. skeleton screens
    focus on the progress

    View Slide

  16. View Slide

  17. View Slide

  18. View Slide

  19. View Slide

  20. slow
    is valuable

    View Slide

  21. View Slide

  22. View Slide

  23. tell people you’re
    working for them

    View Slide

  24. View Slide

  25. <200ms
    http://bit.ly/1rfjmzU

    View Slide

  26. “A rule of thumb: However
    long you think you need, half
    it. Then half it again!
    Rachel Nabors
    Award Winning Cartoonist

    View Slide

  27. “Confession: sometimes when
    we release an update, I tighten
    up an old transition by ~50ms.
    !
    Result: "Wow, this new version
    feels faster."
    Cenny Bowles

    Design Manager at Twitter

    View Slide

  28. http://bit.ly/1pgJ8OD

    View Slide

  29. http://bit.ly/1pgJ8OD

    View Slide

  30. http://bit.ly/1pgJ8OD

    View Slide

  31. this isn’t
    difficult

    View Slide

  32. people like
    beautiful things

    View Slide

  33. we are performance
    engineers

    View Slide

  34. we are performance
    choreographers

    View Slide

  35. thank you
    September 18, 2014 at WebPerfDays NY
    !
    Tim Kadlec

    @tkadlec
    [email protected]

    View Slide