[Question] How to remove unused javascript in GatsbyJS?

[daydream05]

Summary

The new Lighthouse added additional reccomendations such as
Remove unused javascript

How would I go about figuring out how to remove the unused javascript?

The report shows the path but they're all minified but I'm not sure how to get rid of them. (It looks a couple is Firebase)

I've deleted all unused imports but I still have a large chunk of unused js.

Relevant information

Here's the lighthouse report for the page in question:

Gatsby site has also some unused js

[LekoArts]

Thank you for opening this!

You'll want to use something like https://www.gatsbyjs.org/packages/gatsby-plugin-webpack-bundle-analyser-v2/ to see which packages are included in the individual pages so that you can either remove them (if not necessary) or lazy-load them.

Furthermore, it seems like Google changed their metrics. It makes sense to group this under this issue #24332 - feel free to comment there once you figured out what your individual issue was.

We're marking this issue as answered and closing it for now but please feel free to comment here if you would like to continue this discussion. We also recommend heading over to our communities if you have questions that are not bug reports or feature requests. We hope we managed to help and thank you for using Gatsby!

[IwateKyle]

Yes, I'm new to Gatsby and was wondering the same thing. I just built a tutorial and ran it thru Lighthouse and get pretty low scores. The first observation was too much unused javascript.