Visualize Performance issues in your JavaScript application

Visualize Performance issues in your JavaScript application

While working on improving the performance of an Electron app, I noticed that it was require()-ing a lot of modules up front during startup, which was leading to a poor startup performance. However, it was hard to tell which modules were taking the most time to load. So I decided to create perftrace!

What is perftrace?

Record PerformanceEntry objects from your JavaScript application in the Trace Event Format, so that it can be visualized on https://ui.perfetto.dev like this!

The code for this example is available here.

Check out the project repository here. Go through the API documentation and try out these examples!

If you find this useful, please consider supporting my work in https://github.com/sponsors/RaisinTen.

Leave a Reply

Your email address will not be published. Required fields are marked *