Сколько памяти ест ваша вкладка - материалы с доклада

Только что выступил на HolyJS 2024 с докладом «Сколько памяти ест ваша вкладка»

Презентация доступна на странице доклада (доступно без регистрации). Ссылка на видео — в отдельном посте.

В презентации упоминались следующие материалы:

1) Статья и видео от разработчиков Garbage Collector в V8
2) Жизнь до и после React Compiler - Анна Ширяева
3) Партнёрство с Garbage Collector. Память в V8 и работа с утечками - Александр Зайцев
4) Kevin Shiener - Sneaky Memory Leaks
5) Флаги в v8
6) Heap::SetUpSpaces
7) Heap::HeapSizeFromPhysicalMemory
8) Про 15гб и Android
9) Ищем в снэпшоте топ 5 самых тяжелых React компонентов с помощью memlab - пример на github gist

Что ещё использовалось при подготовке доклада:

1) все статьи из https://v8.dev/blog/ с тегом memory
2) Chrome DevTools - Memory Terminology
3) Chrome DevTools - Fix Memory Problems
4) Chrome DevTools - Record heap snapshots
5) Виктор Хомяков - Память в браузере и в Node.js
6) Владислав Молоцило, Александр Зайцев - Снэпшоты памяти -- не страшно, снэпшоты -- полезно
7) Статья про memory management in V8
8) Поля React Fiber
9) Поля VNode
10) Kevin Shiener - Sneaky Memory Leaks - Closures Vs. React Query
11) Kevin Shiener - Sneaky Memory Leaks - How the React Compiler won't save you

Рандомные материалы разного уровня давности, которые тоже пришлось изучить. Но здесь только любимое))
1) https://github.com/thlorenz/v8-perf/blob/master/gc.md
2) https://jayconrod.com/posts/55/a-tour-of-v8--garbage-collection
3) https://dev.to/jennieji/memory-management-in-v8-garbage-collection-and-improvements-18e6
4) https://mrale.ph/blog/2012/09/23/grokking-v8-closures-for-fun.html
5) https://github.com/danbev/learning-v8/blob/master/notes/heap.md