Determine memory usage of cache elements in the DOM in JavaScript?

Question

Suppose I wrote JavaScript code that displays the first ten records from a database as table row elements. When the user clicks to load more rows, the table row elements are removed from the page but saved in Javascript.

Now suppose I have a similar page that displays 100 lines at a time, and there are thousands of lines that the user can execute through the page.

How to find out how much memory is used when these elements are cached in Javascript?

Answer 1

Use Chrome memory profiler: https://developers.google.com/chrome-developer-tools/docs/heap-profiling

It performs all the functions that you expect for this kind of analysis.