Измерение использования памяти на веб-странице

Question

Я пытаюсь измерить использование памяти моего сайта в разделе памяти вкладки «Временная шкала» в инструментах разработчика Chrome.

В разных точках я нажимаю кнопку мусора, чтобы принудительно собрать мусор. Проблема в том, что график внезапно исчезает и останавливает все измерения. В конце концов, после того, как я начинаю делать другие вещи, он снова начинает измеряться, но я никогда не вижу точного места/значения на графике, где я нажимаю кнопку GC.

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

Вопрос:

Есть ли способ заставить этот график, чтобы сохранить или начать измерение? Альтернативно, есть ли простой способ в JavaScript до console.log текущего значения использования памяти?

Как связанный вопрос, есть ли способ указать точку на графике и увидеть точное использование памяти в этой точке?

Answer 1

Временная шкала записывает события, происходящие со стороны рендеринга. Каждая запись события также имеет поле «использование памяти». Timeline использует эти числа для графика памяти. Поэтому, если для временного интервала нет событий, тогда график памяти ничего не показывает.

С другой стороны, если средство визуализации ничего не делает, размер памяти не изменяется.

Если вы абсолютно уверены, что вам нужны данные памяти, вы можете настроить таймер, который ничего не делает.

Например, вы можете выполнить в консоли setInterval(function() {}, 1000); В этом случае Timeline получит событие таймера с данными использования памяти и нарисует график памяти.