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

Performance Choreography at WebPerfDays NY, 2014

Tim Kadlec
September 18, 2014
Programming
3
660

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
320
JavaScript Exposed at Midwest JS
tkadlec
3
270
Focusing On What Matters, at Fluent, 2017
tkadlec
0
130
Once More, With Feeling at Code 2016 in Sydney
tkadlec
1
640
Once More, With Feeling
tkadlec
9
1.6k
Mobile Image Processing at London Web Perf Meetup, 2016
tkadlec
1
180
Better By Proxy at Velocity NY 2015
tkadlec
3
640
Getting Started with Performance Budgets at HighEdWeb Technical Academy, 2015
tkadlec
9
1.2k
Reaching Everyone, Fast at From the Front, 2015
tkadlec
8
7k

Other Decks in Programming

See All in Programming
PHPUnitしか使ってこなかった 一般PHPerがPestに乗り換えた実録
mashirou1234
0
370
GitHubで育つ コラボレーション文化 : ニフティでのインナーソース挑戦事例 - 2024-12-16 GitHub Universe 2024 Recap in ZOZO
niftycorp
PRO
0
730
技術的負債と向き合うカイゼン活動を1年続けて分かった "持続可能" なプロダクト開発
yuichiro_serita
0
180
Cloudflare MCP ServerでClaude Desktop からWeb APIを構築
kutakutat
1
610
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
320
PSR-15 はあなたのための ものではない？ - phpcon2024
myamagishi
0
220
採用事例の少ないSvelteを選んだ理由と それを正解にするためにやっていること
oekazuma
2
1.1k
nekko cloudにおけるProxmox VE利用事例
irumaru
3
500
数十万行のプロジェクトを Scala 2から3に完全移行した
xuwei_k
0
440
Spatial Rendering for Apple Vision Pro
warrenm
0
290
見えないメモリを観測する: PHP 8.4 `pg_result_memory_size()` とSQL結果のメモリ管理
kentaroutakeda
0
820
AWSのLambdaで PHPを動かす選択肢
rinchoku
2
340

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
310
Automating Front-end Workflow
addyosmani
1366
200k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
111
50k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Agile that works and the tools we love
rasmusluckow
328
21k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
How to Ace a Technical Interview
jacobian
276
23k
How STYLIGHT went responsive
nonsquared
96
5.2k
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
Visualization
eitanlees
146
15k

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]