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 для ручных замеров.
Как профилировать JavaScript в браузере?
Middle
235 просмотровAFK Offer AI
Как реализовать Dropdown меню?