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

Performance Choreography at WebPerfDays NY, 2014

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tim Kadlec Tim Kadlec
September 18, 2014
Programming
3
720

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
480
JavaScript Exposed at Midwest JS
Avatar for Tim Kadlec tkadlec
3
310
Focusing On What Matters, at Fluent, 2017
Avatar for Tim Kadlec tkadlec
0
160
Once More, With Feeling at Code 2016 in Sydney
Avatar for Tim Kadlec tkadlec
1
700
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
230
Better By Proxy at Velocity NY 2015
Avatar for Tim Kadlec tkadlec
3
700
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.4k

Other Decks in Programming

See All in Programming
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
120
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
370
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6k
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
660
AtCoder Conference 2025
Avatar for shindannin shindannin
0
1k
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
290
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
420
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
490
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
140
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
4
240
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
180

Featured

See All Featured
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
430
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
0
3.4k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
170
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
120
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
71k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k

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]