Как профилировать JavaScript в браузере?

Middle
235 просмотров
AFK Offer AI

Chrome DevTools → Performance → Record → взаимодействуй → Stop. Flame chart показывает call stack по времени. Длинные жёлтые блоки = тяжёлый JS. Bottom-Up tab — какие функции заняли больше всего времени. Call Tree — иерархия вызовов. Long tasks (>50ms) помечены красным. React DevTools Profiler — время рендера каждого компонента. Memory panel — heap snapshots для утечек. Performance monitor — реалтайм CPU, FPS, DOM nodes. console.time/timeEnd для ручных замеров.

Следующий вопрос

Как реализовать Dropdown меню?