CODEWITHSUNDEEP
google-chrome-extensionlighthousereact-devtools
Flip
Flip

Reputation: 6761

Confusion about Lighthouse report of unused JS for react devtools chrome extension

When I run Lighthouse for the project I am working on, I get

chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js

as no.1 causer of unused JS.

How does that make sense from a performance optimization perspective? I can't control what extensions the user runs in his browser. I also can't find anything about the React dev tools in the project.

I would highly appreciate it if someone could shed some light on that issue.

lighthouse report sample

Upvotes: 13

Views: 7420

Answers (1)

abdulrhman Hashim
abdulrhman Hashim

Reputation: 151

I found the issue because the React Dev Tools extension is installed when the page is loading and is useless in production mode.

  • So go to the extension and right-click on it.
  • Then go to the manage extensions.
  • Then find the "Allow this extension to read and change all your data on websites you visit" and change it to "on click".

Upvotes: 15

Related Questions