search

tmeasday / storybook-skeleton

3 stars 1 forks source link

How to interpret profile #21

Open tmeasday opened 3 years ago

tmeasday commented 3 years ago

To estimate the impact of:

bebraw commented 3 years ago

Here's what we can get easily now:

Screen Shot 2021-06-08 at 16 26 09 Screen Shot 2021-06-08 at 16 26 17 Screen Shot 2021-06-08 at 16 26 32

I served the generated HTML file to get above. Another option is to drop the profile file to the Performance tab at Chrome Inspector. It gives more filtering options. Example:

Screen Shot 2021-06-08 at 16 32 43

Some webpack functions are anonymous making it a bit more difficult to debug performance.

I will add https://www.npmjs.com/package/speed-measure-webpack-plugin to the project in a PR so that you'll get the loader/plugin info. I'm not so sure of the third part but the profile file should contain the info for that.