The Profiles tab is pretty advanced stuff! It lets you measure usage and memory issues in your app.
You can measure 3 different things.
Here are these three options, laid out in the Profiles tab:
Obviously, we will see many more results if we analyze a more complicated website such as the New York Times. Let's make a recording of refreshing the page (and we'll try to keep it short to avoid information overload).
Note immediately that you have multiple options to show the data:
You can save a recording via the "Save" button next to the profile name.
There are also several different views here:
Summary: the default display of all objects in memory.
Comparison: if you made two brief profiles, you can compare them here (This feature can be handy if you want to test the difference before/after code changes).
Containment: tree view to see parents and children
Statistics: a graph that represents what type of data takes up memory (in percentage and absolute values)
This is a fairly advanced tool that will record memory allocations over the span of a process to identify potential memory leaks.
The recording itself is not complicated to do. As usual, you start recording, perform some actions on the page, and then stop recording.
The views will be almost identical to the heap snapshots, but while a heap profile displays the memory allocated in general, record heap shows memory allocation over a time interval.