![Dale St. Marthe](https://web.dev/images/authors/dalestmarthe.jpg) Dale St. Marthe [LinkedIn](https://www.linkedin.com/in/dale-st-marthe)

<br />

The **Memory** panel provides diagnostic tools that let you see the memory distribution of JavaScript objects, discover and isolate memory leaks, get a breakdown of memory allocation by function, and more.

## Overview

The **Memory** panel lets you capture four profile types. These profile types show you snapshots from different perspectives and provide varying utility:

- **Heap snapshot**: Shows memory distribution among your page's Javascript objects and related DOM nodes.
- **Allocation instrumentation on timeline**: Shows instrumented JavaScript memory allocations over time. Once a profile is recorded you can select a time interval to see objects that were allocated within it and still live by the end of the recording. Use this profile type to isolate memory leaks.
- **Allocation sampling**: Records memory allocations using the sampling method. This profile type has minimal performance overhead and can be used for long running operations. It provides good approximations of allocations broken down by JavaScript execution stack.
- **Detached elements**: Shows objects that are retained by a JavaScript reference.

You can select a JavaScript VM instance to run each of these profiles on.

To learn more, see:

- [Fix memory problems](https://developer.chrome.com/docs/devtools/memory-problems.md.txt)
- [Record heap snapshots](https://developer.chrome.com/docs/devtools/memory-problems/heap-snapshots.md.txt)
- [Allocation Profiler Tool](https://developer.chrome.com/docs/devtools/memory-problems/allocation-profiler.md.txt)

## Open the Memory panel

To open the **Memory** panel:

1. [Open DevTools](https://developer.chrome.com/docs/devtools/open.md.txt).
2. Open the **Command menu** by pressing:
   - macOS: <kbd>Command</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd>
   - Windows, Linux, ChromeOS: <kbd>Control</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd> ![Command Menu with](https://developer.chrome.com/static/docs/devtools/memory/image/command-menu-memory.png)
3. Start typing `memory`, select **Show Memory** , and press <kbd>Enter</kbd>. DevTools displays the **Memory** panel at the top of your DevTools window.

Alternatively, you can open the **Memory** panel in the following ways:

- In the action bar at the top, click **More panels** and select **Memory** from the drop-down list.
- In the top right corner, select **More options** \> **More tools** \> **Memory**.