2 ВЕЩИ КОТОРЫЕ УБИВАЮТ ПЕРФОРМАНС В JAVASCRIPT
В данном видео мы поговорим про перформанс в javascript. В первую очередь поговорим про особенности работы движка JS и что такое JIT. Затем перейдем к коду и разберем на примерах 2 вещи, которые убивают производительность вашего кода.
Код из видео:
https://github.com/Ayub-Begimkulov/yo...
Telegram канал:
https://telegram.me/ayub_begimkulov_c...
Ссылки на статьи из видео и в целом по данной теме:
Что такое JIT:
https://www.freecodecamp.org/news/jus...
Статья про кеширование array.length в for:
https://mrale.ph/blog/2014/12/24/arra...
V8 без JIT:
https://v8.dev/blog/jitless
Вопросы касательно V8 с ответами от их разработчиков:
https://stackoverflow.com/questions/5...
https://stackoverflow.com/questions/5...
Статья про оптимизации V8:
https://web.dev/speed-v8/
Статья про ускорение react-table:
https://jpcamara.com/2023/03/07/makin...
Таймкоды:
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 - Заключение