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

Performance Choreography at WebPerfDays NY, 2014

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

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
440
JavaScript Exposed at Midwest JS
Avatar for Tim Kadlec tkadlec
3
300
Focusing On What Matters, at Fluent, 2017
Avatar for Tim Kadlec tkadlec
0
150
Once More, With Feeling at Code 2016 in Sydney
Avatar for Tim Kadlec tkadlec
1
690
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
690
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
S3 VectorsとStrands Agentsを利用したAgentic RAGシステムの構築
Avatar for とすり tosuri13
6
320
AIコーディングエージェント（Manus）
Avatar for kondai kondai24
0
190
tparseでgo testの出力を見やすくする
Avatar for utagawa kiki utgwkk
2
230
AIエージェントを活かすPM術 AI駆動開発の現場から
Avatar for gyuta gyuta
0
430
複数人でのCLI/Infrastructure as Codeの暮らしを良くする
Avatar for Shoma Okamoto shmokmt
5
2.3k
【CA.ai #3】ワークフローから見直すAIエージェント — 必要な場面と“選ばない”判断
Avatar for SatoAoaka satoaoaka
0
250
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
Avatar for Ryota Nakamura nowaki28
0
420
認証・認可の基本を学ぼう後編
Avatar for kaza kouyuume
0
240
TestingOsaka6_Ozono
Avatar for O3(ozono) o3
0
160
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
Avatar for suna-big sunabig
0
160
著者と進める！『AIと個人開発したくなったらまずCursorで要件定義だ！』
Avatar for yasuna yasunacoffee
0
140
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
Avatar for Selçuk Usta selcukusta
0
120

Featured

See All Featured
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
286
14k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
54k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
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]