Browser Memory Heap Analysis

Analyze JavaScript heap memory usage directly in your browser. Detect memory leaks, track object allocations, and optimize application performance without leaving DevTools.

Chrome Extension Free DevTools MIT License
View on GitHub

Deep memory insights

Heap Snapshots

Capture and analyze JavaScript heap snapshots to see exactly what objects are consuming memory.

Leak Detection

Automatically identify potential memory leaks by comparing snapshots over time.

Allocation Timeline

Track object allocations in real-time with a visual timeline of memory usage.

Object Retainers

See what's keeping objects alive by following the retention chain back to GC roots.

Distance Analysis

Understand the distance from GC root for any object to prioritize optimization efforts.

Comparison Views

Compare two heap snapshots side-by-side to identify new objects and memory growth.

Getting started

Install the extension

Add the extension to Chrome from the Chrome Web Store or load it as an unpacked extension.

Open DevTools

Press F12 or right-click and select Inspect to open Chrome DevTools.

Navigate to the Memory panel

Find the new Memory Heap Analysis panel in your DevTools sidebar.

Capture a snapshot

Click "Take Snapshot" to capture the current heap state of the page.

Analyze results

Browse objects by constructor, compare snapshots, and identify memory issues.

Ready to dig into your memory usage?

View the source code on GitHub or browse more tools in the garden.