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

The other JavaScript performance (no one is tal...

Avatar for Miroslav Jonaš Miroslav Jonaš
November 29, 2022
Technology
0
240

The other JavaScript performance (no one is talking about)

Performance topic is very trendy right now. Chance is you already heard it - use lazy loading, prefetch everything, use partially hydrated server-side rendered static islands. Ship zero bytes of JavaScript! But what if your code is not run in the browser or performance doesn't depend on the HTTP?

This talk will share several (un)conventional tricks you can apply to speed up the application when the size of your data grows. I will show you how to measure performance and squeeze out those last excessive milliseconds.

Learn how "usual bad practices" can become your ally when battling performance.
Avatar for Miroslav Jonaš

Miroslav Jonaš

November 29, 2022
Tweet

More Decks by Miroslav Jonaš

See All by Miroslav Jonaš
Drum 'n' JS
Avatar for Miroslav Jonaš meeroslav
0
15
Monorepo demystified: Breaking the myth
Avatar for Miroslav Jonaš meeroslav
0
7
Making the Argument for Monorepos
Avatar for Miroslav Jonaš meeroslav
0
4
Scaling Vendure with Nx
Avatar for Miroslav Jonaš meeroslav
0
97
Don't let compilation set the length of your Glühwein break
Avatar for Miroslav Jonaš meeroslav
0
59
Vanquishing deployment dragons with Nx wizardry
Avatar for Miroslav Jonaš meeroslav
0
180
Don't let compilation set the length of your coffee break
Avatar for Miroslav Jonaš meeroslav
0
76
Age of monorepos (NgDe)
Avatar for Miroslav Jonaš meeroslav
0
180
Age of monorepos (Armada JS 2022)
Avatar for Miroslav Jonaš meeroslav
0
230

Other Decks in Technology

See All in Technology
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな（2025年版）
Avatar for Infiniteloop infiniteloop_inc
14
47k
Software Delivery Observability CI・CD , DORA metrics も Datadog で可視化しよう / datadog-ci-cd-observability
Avatar for Annosuke Yokoo parupappa2929
0
160
Next.jsと状態管理のプラクティス
Avatar for uhyo uhyo
6
2.4k
LLMの開発と社会実装の今と未来 / AI Builders' Community (ABC) vol.2
Avatar for Preferred Networks pfn
PRO
2
230
問 1：以下のコンパイラを証明せよ（予告編） #kernelvm / Kernel VM Study Kansai 11th
Avatar for y_taka_23 ytaka23
3
640
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
3
730
Tailwind CSS の小話「コンテナークエリーって便利」
Avatar for Yuki Yamada yamaday
0
150
Design for Failure - リージョンとAZについて
Avatar for 矢儀丈博 yuki_ink
0
130
さくらのクラウド開発の裏側
Avatar for metakoma metakoma
PRO
18
5.9k
とあるEdTechベンチャーのシステム構成こだわりN選 / edtech-system
Avatar for k.goto gotok365
5
380
MagicPod MCPサーバー開発の裏側とAIエージェント活用の展望
Avatar for MagicPod magicpod
0
310
ユーザーコミュニティが海外スタートアップのDevRelを補完する瞬間
Avatar for M Yano nagauta
1
200

Featured

See All Featured
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
41
2.3k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
6
560
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
47
2.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
6.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.2k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
38
1.8k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Scaling GitHub
Avatar for Zach Holman holman
459
140k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
29
940
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k

Transcript

  1. MIROSLAV JONAŠ MIROSLAV JONAŠ (no one is talking about) THE

    OTHER JAVASCRIPT PERFORMANCE THE OTHER JAVASCRIPT PERFORMANCE (no one is talking about) ViennaJS, 11/22 ViennaJS, 11/22 @meeroslav @meeroslav

  2. Future of performance tooling High speed web Optimizing X for

    performance

  3. Monorepos Monorepos make things faster as well, you know…

  4. TTI FCP TBT LCP LSD NBA

  5. STATIC WEBSITES STATIC WEBSITES

  6. SSR SSR Server side

  7. LAZY LOADING LAZY LOADING

  8. HYDRATION HYDRATION

  9. PARTIAL HYDRATION PARTIAL HYDRATION

  10. ISLANDS ISLANDS

  11. None

  12. WEBSITE AFTER INITIAL LOAD WEBSITE AFTER INITIAL LOAD

  13. BATTLE TESTED BATTLE TESTED

  14. None
  15. None

  16. 1 2 3 4

  17. MUTATIONS ARE BAD

  18. NOT ALWAYS, THOUGH

  19. None
  20. None
  21. None

  22. Repetitio est mater stu…

  23. ?

  24. None
  25. None

  26. “NO CODE IS 
 ALWAYS FASTER THAN ANY CODE” 


    - ME

  27. ARRAYS VS OBJECTS

  28. A_RAY

  29. None
  30. None
  31. None
  32. None

  33. LOOKUP TABLES

  34. None
  35. None

  36. MAPS VS HASHMAPS MAPS VS HASHMAPS

  37. None

  38. HIGHER ORDER FUNCTIONS HIGHER ORDER FUNCTIONS

  39. None
  40. None
  41. None
  42. None

  43. PERFORMANCE 
 DETECTION PERFORMANCE 
 DETECTION

  44. JSBENCH.ME

  45. None

  46. CONSOLE.TIME 4 THE WIN

  47. THE BUTTERFLY EFFECT: HOW WE GAVE THE LINTER A 100X

    BOOST THE BUTTERFLY EFFECT: HOW WE GAVE THE LINTER A 100X BOOST

  48. KNOW YOUR LOOPS MUTATE WHEN EVER POSSIBLE USE ARRAYS AND

    MAPS SMARTLY AVOID HOF WHEN PERFORMANCE MATTERS SKIP UNNECESSARY DATA
  49. None

  50. MIROSLAV JONAŠ MIROSLAV JONAŠ THE OTHER JAVASCRIPT PERFORMANCE THANK YOU!

    ViennaJS, 11/22 ViennaJS, 11/22 @meeroslav @meeroslav