Analyze the JS Heap and detect Memory Leaks | Julian Jandl | Conf42 JavaScript 2023

Conference: Conf42 JavaScript 2023

Year: 2023

Read the abstract ➤ https://www.conf42.com/JavaScript_2023_Julian_Jandl_js_heap_memory_leaks Other sessions at this event ➤ https://www.conf42.com/js2023 Join Discord ➤ https://discord.gg/DnyHgrC7jC Reach out to Julian ➤ julian.jandl@push-based.io Chapters 0:00 intro 0:22 preamble 1:04 about julian 1:12 memory consumption, what consumes memory? 2:00 immutability 2:23 dom nodes 2:37 composition layers 3:15 inspect dom & javascript memory 3:30 birdseye view 4:56 memory heap 5:47 object sizes 7:00 inspect dom & javascript memory 9:38 demo 1 11:42 what consumes memory 12:05 composition layers 13:23 layer inspection 14:28 demo 2 16:43 memory leaks what causes memory leaks? 18:55 console.log 19:37 global variables 20:13 left over callbacks / subscriptions 21:12 dom references 21:49 how to detect memory leaks? 22:07 detect memory leaks 23:09 don't forget to trigger GC 23:43 in-depth analysis - detect memory leaks 24:33 detached elements tools 26:56 demo 3 34:12 thanks for your time!