development/github-desktop
development/github-desktop
1
0
Fork 0
mirror of https://github.com/desktop/desktop synced 2024-08-28 20:51:16 +00:00
Code Issues Packages Projects Releases Wiki Activity
github-desktop/docs/contributing/timeline-profile.md
Brendan Forster 7a2cb05788
refreshed screenshots and instructions 
Electron 2.x has a new version of Chrome Dev Tools ✨
2018-10-14 17:16:59 -03:00

1.8 KiB
Raw Blame History

Profiling Desktop using the Chrome Developer Tools

Sometimes performance issues are hard to identify and recreate. If you notice a regression and can reproduce it, you can use the Timeline tools in Chrome Dev Tools to take a snapshot of the application performance and attach it to an issue.

Steps

  • Launch Desktop and select View | Toggle Developer Tools.
  • Get the Desktop application ready to perform the problem action.
  • Select the Performance tab. Ensure the Disable JavaScript samples option is unchecked.
  • Press the Record button on the left to start recording.
  • Perform the problem action in Desktop. Try and keep the test focused on the issue you're seeing.
  • Switch back to the Developer tools and press Stop to complete recording.
  • In the header, click the Save profile... menu item. Save the JSON file somewhere you can access later.

  • Compress the JSON file to reduce the file size (it could be 10MB or more depending on how long you ran the test for).

  • Attach the file to your GitHub issue so the contributors can load this into their environment and spelunk the diagnostic information.