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
780
3

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

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
500
JavaScript Exposed at Midwest JS
Avatar for Tim Kadlec tkadlec
3
330
Focusing On What Matters, at Fluent, 2017
Avatar for Tim Kadlec tkadlec
0
180
Once More, With Feeling at Code 2016 in Sydney
Avatar for Tim Kadlec tkadlec
1
730
Once More, With Feeling
Avatar for Tim Kadlec tkadlec
9
1.8k
Mobile Image Processing at London Web Perf Meetup, 2016
Avatar for Tim Kadlec tkadlec
1
260
Better By Proxy at Velocity NY 2015
Avatar for Tim Kadlec tkadlec
3
720
Getting Started with Performance Budgets at HighEdWeb Technical Academy, 2015
Avatar for Tim Kadlec tkadlec
9
1.3k
Reaching Everyone, Fast at From the Front, 2015
Avatar for Tim Kadlec tkadlec
8
7.5k

Other Decks in Programming

See All in Programming
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
380
【やさしく解説 設計編 #0】DDDのコード、読めるのに分からない人へ
Avatar for HideyukiKitao panda728
PRO
2
280
AIキャラアプリkaiwaの低遅延音声通話基盤をどう作ったか - AWS Gravitonで支える低遅延・低コストAI Agent基盤
Avatar for 最上土川 mogamit
0
180
AIが無かった頃の素敵な出会いの話
Avatar for コドモン開発チーム codmoninc
1
210
鹿野さんに聞く！『TypeScriptコードレシピ集』で磨く実践力
Avatar for tonkotsuboy_com tonkotsuboy_com
4
1.2k
What's New in Android 2026
Avatar for Veronikapj veronikapj
0
150
PHP初心者セッション2026　〜生成AIでは見えない裏側を知る：今だからLAMPを通して仕組みを学ぶ〜
Avatar for Hideo Kashioka kashioka
0
650
Welcome to the "Parametricity" 🏙️ − Generic だけど Specific な世界 −
Avatar for TAKASE Kazuyuki guvalif
PRO
1
180
PHP に部分適用が来るぞ！……ところで何それ？おいしいの？ #phpcon / phpcon-2026
Avatar for shogogg shogogg
0
340
Haskell/Servantを通してWebミドルウェアを捉え直す
Avatar for pizzacat83 pizzacat83
1
610
人間の目はかわらない、だからJPEGは30年もつ
Avatar for yuzneri yuzneri
4
1.4k
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
Avatar for HideyukiKitao panda728
PRO
2
170

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.9k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
260
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.2k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
380
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
320
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.8k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.7k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k

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]