Javascript Performance
Save and load an app's profile session
Monitoring an app is a powerful tool for performance and debugging. Sometimes you'd might want to save profiles for later comparison or to share with colleagues. In this lesson, you'll see how to save a profile session to disk and load it back in chrome dev tools.
Yonatan Kra: [0:01] Monitoring your application's performance is very important. Sometimes, you'd like to share your recording with others. For instance, you'd like to send a recording to a performance specialist or your team lead, or you'd might like to attach it to a JIRA ticket, or just have a reliable recording for a demo.
[0:20] I'll open the DevTools in the Performance tab. I'll start the recording, playing around with the application, and stop the recording.
[0:33] Now that we have the recording results, we can save it to a file by right-clicking anywhere in your Performance tab and select Save profile. We can save the file to a folder on disk. You see I already have a few profiles in this folder. The profiles are just JSON files.
[0:54] Now that the file is saved, you can load it back in the browser. Right-click in the Performance tab, select Load profile. In the file explorer, select the file that you want. Chrome will now process the file and reload the app's profile.
[1:09] You can now investigate the results of the monitoring or compare them to newer profile sessions.