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.
Member comments are a way for members to communicate, interact, and ask questions about a lesson.
The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io
Be on-Topic
Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.
Avoid meta-discussion
Code Problems?
Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context
Details and Context
Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!