2 ВЕЩИ КОТОРЫЕ УБИВАЮТ ПЕРФОРМАНС В JAVASCRIPT

В данном видео мы поговорим про перформанс в javascript. В первую очередь поговорим про особенности работы движка JS и что такое JIT. Затем перейдем к коду и разберем на примерах 2 вещи, которые убивают производительность вашего кода.

Код из видео:
https://github.com/Ayub-Begimkulov/youtube-tutorials/tree/master/2-things-for-js-perfromance

Telegram канал:
https://telegram.me/ayub_begimkulov_coding

Ссылки на статьи из видео и в целом по данной теме:
Что такое JIT:
https://www.freecodecamp.org/news/just-in-time-compilation-explained/

Статья про кеширование array.length в for:
https://mrale.ph/blog/2014/12/24/array-length-caching.html

V8 без JIT:
https://v8.dev/blog/jitless

Вопросы касательно V8 с ответами от их разработчиков:
https://stackoverflow.com/questions/59807938/the-confusion-with-jit-compilation-in-v8
https://stackoverflow.com/questions/59809832/after-what-exact-number-of-execution-function-gets-hot-in-v8

Статья про оптимизации V8:
https://web.dev/speed-v8/

Статья про ускорение react-table:
https://jpcamara.com/2023/03/07/making-tanstack-table.html

Таймкоды:
00:00-00:40 – Что это за 2 вещи такие?
00:40-03:07 – Проблемы с измерением performance в javascript
03:07-05:44 – Детали работы JIT
05:44-10:38 – Пример со странностями JIT
10:38-12:19 – Выводы из примера
12:19-15:15 – Первая убийца перформанса — forced reflow
15:15-18:19 – Смотрим на пример с reflow
18:19-19:56 – Детали по reflow и анимациям
19:56-21:57 – Пример с height
21:57-23:21 – Пример с left
23:21-25:45 – Пример с transform
25:45-28:18 – Вторая убийца перформанса — создание лишней памяти
28:18-32:02 – Смотрим на первый примеры
32:02-34:43 – Смотрим на второй пример
34:43-35:09 – Заключение