Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Performance Choreography at WebPerfDays NY, 2014

Avatar for Tim Kadlec Tim Kadlec
September 18, 2014
Programming
3
690

Performance Choreography at WebPerfDays NY, 2014

Presented at WebPerfDays NY, in New York City, NY on September 18th, 2014.
Avatar for Tim Kadlec

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
Avatar for Tim Kadlec tkadlec
1
390
JavaScript Exposed at Midwest JS
Avatar for Tim Kadlec tkadlec
3
290
Focusing On What Matters, at Fluent, 2017
Avatar for Tim Kadlec tkadlec
0
140
Once More, With Feeling at Code 2016 in Sydney
Avatar for Tim Kadlec tkadlec
1
670
Once More, With Feeling
Avatar for Tim Kadlec tkadlec
9
1.7k
Mobile Image Processing at London Web Perf Meetup, 2016
Avatar for Tim Kadlec tkadlec
1
200
Better By Proxy at Velocity NY 2015
Avatar for Tim Kadlec tkadlec
3
670
Getting Started with Performance Budgets at HighEdWeb Technical Academy, 2015
Avatar for Tim Kadlec tkadlec
9
1.2k
Reaching Everyone, Fast at From the Front, 2015
Avatar for Tim Kadlec tkadlec
8
7.2k

Other Decks in Programming

See All in Programming
ソフトウェア品質特性、意識してますか？AIの真の力を引き出す活用事例 / ai-and-software-quality
Avatar for MinoDriven minodriven
19
6.6k
型安全なDrag and Dropの設計を考える
Avatar for yudppp yudppp
5
660
"使いづらい" をリバースエンジニアリングする UI の読み解き方
Avatar for 株式会社Rebase_エンジニアリング rebase_engineering
0
110
クラシルリワードにおける
iOSアプリ開発の取り組み
Avatar for fumito nakazawa funzin
1
810
primeNumberでのRBS導入の現在 && RBS::Traceでinline RBSを拡充してみた
Avatar for Manami Nakamura mnmandahalf
0
250
「兵法」から見る質とスピード
Avatar for ICKX ickx
0
200
ワンバイナリWebサービスのススメ
Avatar for mackee mackee
10
7.4k
DevTalks 25 - Create your own AI-infused Java apps with ease
Avatar for Kevin Dubois kdubois
2
120
型付け力を強化するための Hoogle のすゝめ / Boosting Your Type Mastery with Hoogle
Avatar for TAKASE Kazuyuki guvalif
1
230
TSConfigからTypeScriptの世界を覗く
Avatar for らいと planck16
2
1.3k
TVer iOSチームの共通認識の作り方 - Findy Job LT iOSアプリ開発の裏側 開発組織が向き合う課題とこれから
Avatar for TVer Inc. techtver
PRO
0
710
Zennの運営完全に理解した #完全に理解したTalk
Avatar for Yusuke Wada wadayusuke
1
140

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
750
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
52
7.6k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
30
970
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
233
140k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M

Transcript

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

    Kadlec
 @tkadlec [email protected]
  2. None
  3. None
  4. None
  5. None
  6. None

  7. in-between moments impact perception

  8. None
  9. None

  10. “It’s solely intended to enhance the user’s perception of your

    app as quick to launch and immediately ready for use.
  11. None

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

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

  14. progress bars focus on the waiting

  15. skeleton screens focus on the progress

  16. None
  17. None
  18. None
  19. None

  20. slow is valuable

  21. None
  22. None

  23. tell people you’re working for them

  24. None

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

  26. “A rule of thumb: However long you think you need,

    half it. Then half it again! Rachel Nabors Award Winning Cartoonist

  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

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

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

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

  31. this isn’t difficult

  32. people like beautiful things

  33. we are performance engineers

  34. we are performance choreographers

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

    Kadlec
 @tkadlec [email protected]