Почему увеличивается объём потребляемой оперативной памяти при использовании canvas?

Question

[leni_m]

клик
Проблема в том, что пока открыта эта страничка, то постоянно увеличивается потребляемая оперативная память, и предела я не обнаружил. Почему так происходит и можно ли побороть этот момент?

Answer 1

[Владимир Проскурин]

Открываете devtools хрома, переходите на вкладку Memory, выбираете "allocation instrumentation on timeline", и жмете кнопку Start. Начнется показываться график работы с памятью. Там будут палочки, на определенный интервал времени. Это палочка заливается двумя цветами, серый - это общий объем обработанной памяти, даже тот, который почищен сборщиком мусора. А синий, это тот объем памяти, который не почищен сборщиком мусора, по той простой причине, что эта память используется.
Если остановите сканирование, то сможете выделить определенный участок на таймлайне, и посмотреть, где это добро застряло.

Comments

[leni_m]

Понял что функция Star захламляет память, но вот почему она запоминается не понял.

[Владимир Проскурин]

leni_m, у вас в цикле добавляются звезды, но нигде больше не удаляются. Так то конечно, память будет расти. Реализуйте удаление лишних звезд, т.к. через минуту у вас их уже 16 тыщ.

Answer 2

[Артур Мустафин]

У вас происходят утечки памяти в JavaScript, либо некорректно работающий либо спроектированный с ошибками код. Вам следует запустить статический анализатор JavaScript кода, для поиска утечек памяти, использования плохих npm-пакетов и т.д.

- SonarQube SonarJS
- JetBrains IntelliJ IDEA