Можно ли как-то отслеживать потребление памяти у приложения на JavaScript?

Question

[Максим Иванов]

Приложение написано на materializecss + jquery, angular, но в какой-то момент, после определенного вывода и преобразования контента на странице (допустим подставили новые данные в {{ шаблоны }} ) приложение начинает тормозить, это сильно заметно, когда срабатывают анимации на CSS3, там явно проседает FPS. Нужно как-то следить за памятью или как? Сам я junior, но вот пытаюсь учиться строить хоть как-то сложные приложения

что можно судить по этому?

Answer 1

[Александр]

Жмем F12 в хроме - изучаем инструменты разработчика. Там есть timeline и profiles

Comments

[Максим Иванов]

а есть гайды по использованию инструментов этих?

[Александр]

есть видео с разных конференций по поводу дебага в хроме, я так сразу не найду, поищите )

Answer 2

[Иван Кондратьев]

так же есть диспетчер задач в хроме screen , sreen2

Comments

[Максим Иванов]

диспетчер задач покажет сколько в целом потребляет хром, так как запущены могут быть несколько вкладок, мне же нужно конкретная страница сколько потребляет

[Иван Кондратьев]

На втором скрине отчетливо видно что диспетчер показывает данные отдельно по всем вкладкам ОТДЕЛЬНО

[Кирилл Ушаков]

Максим Иванов: так хромовский диспетчер и покажет, сколько жрут страницы и приложения по отдельности.

[Максим Иванов]

окей, а теперь подскажите как мне под ubuntu запустить диспетчер, я же не с windows сижу

[Иван Кондратьев]

Максим Иванов: так же как и везде ( Shft + Esc )

[Максим Иванов]

спасибо)