Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Chrome Heap Snapshot Growing at every refresh.. normal?

Tags:

performance

javascript

profiling

google-chrome-devtools

I'm trying to do some performance/efficiency testing with Chrome Developer tools and their "Profile" tab...

I'm getting the following results When I load up the page, do a Heap Snapshot, refresh the page, Heap Snapshot, etc... repeatedly..

Heap Snapshot

This question is 2 fold..

  1. Is this normal? do I have a memory issue?

  2. Can anyone point me to a resource to interpret the output of chrome's heap snapshot and cpu profiling?

like image 289
jondavidjohn Avatar asked Dec 07 '11 17:12

jondavidjohn

People also ask

What is heap snapshot in Chrome?

Google Chrome heap snapshot will reveal memory distribution between JavaScript objects and associated DOM nodes. This feature is useful because you will be able to compare different snapshots and find memory leak.

What is heap snapshot?

Heap snapshots are one way to identify detached nodes. As the name implies, heap snapshots show you how memory is distributed among your page's JS objects and DOM nodes at the point of time of the snapshot.

How do I check my Chrome heap memory?

The Chrome DevTools heap profiler shows memory distribution by your page's JavaScript objects and related DOM nodes (see also Objects retaining tree). Use it to take JS heap snapshots, analyze memory graphs, compare snapshots, and find memory leaks.

2 Answers

This issue happens because you have chrome extensions that are retaining part of your DOM upon refresh for whatever reason.

When using the profile tools always go into incognito mode, no extensions are loaded here and you can be sure that the objects you see in the profile are only yours... well, mostly; you will also see chrome internal data structures wrapped in parentesis like (compiled code) or (system). Ignore those, you have no control over them.

Who would've said that incognito mode has other uses apart from... you know ;-)

like image 75
monzonj Avatar answered Nov 08 '22 22:11

monzonj
  1. It may or may not be normal. You'd have to analyze the difference between snapshots to tell.
  2. Have you looked at the profiling docs?
like image 23
Dmitry B. Avatar answered Nov 09 '22 00:11

Dmitry B.
Sign in to Comment

Related questions

Awesome CSS Effect
Autocomplete using a trie
How to validate non-english (UTF-8) encoded email address in Javascript and PHP?
Local JavaScript - write to local file
Get last line of HTML with Javascript
How to include jquery.js in another js file?
image,onload event not working in chrome
Cloud API with JavaScript (Amazon, Azure)
Error in Internet Explorer 9 (not earlier versions or other browsers) when including jQuery in an iframe
Google Charts API: new google.visualization.Table() - Uncaught TypeError: undefined is not a function
Change vertex buffer dynamically in WebGL
Adding light to scene has no effect
Create data URIs on the fly?
Writing ASYNC CPP nodejs (0.5.3+) modules
How to add click event to an element?
How to track mouse position from on page load as well as on mouse move?
How to exec in NodeJS using the user's environment?
Knockoutjs: How to filter observableArray by param
How do you specify the primary and secondary actions for a Bootstrap modal window?
Why Javascript is used in MongoDB or CouchDB instead of other languages such as Java, C++?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!