How to load saved .cpuprofile file in Chrome developer tools CPU profile?

Question

There's a save button in the Chrome dev tools profiler, but no load button. How do you load a saved profile back into Chrome to view it?

Loveinidleness

Answer 1

There is a "Load" button just under the list of profiles.

Photocell

Could you please update the answer? Chrome has changed a lot, for example there is no "Profiles" tab and the "Performance" tab doesn't seem to contain the Load button. EDIT: there's an up-arrow button, to the right of the record button. – Lissy

@MartinVysny In newest version of Chrome, the "Profiles" tab is hidden by default. To enable it, open dev tools and click on the 3 dots menu (on the right side of the settings wheel) -> More tools -> JavaScript Profiler. This will enable the "JS Profiler" tab from where you may record profiles or upload previously saved .cpuprofile files. – Serranid

I tried this solution and I'm getting the following error in the console: "Can’t load file. Supported file extensions: .heapsnapshot', '.heaptimeline', '.heapprofile." – Cardenas

Answer 2

Here is an alternative way to view .cpuprofile files: http://jamie-wong.com/post/speedscope/

It provides an online and offline version. It works also for "bigger" files where the built in viewer of VS code ist struggeling.

Strangulation

Answer 3

In newer versions of Chrome, the "load profile" button is located here

Shillelagh