Dom Size Analyzer
Extension Actions
CRX ID
mcneiimlodlbmohipgdbbglgbmaoojen
Description from extension meta
Google Chrome DevTools Extension for analyzing DOM size
Image from store
Description from store
According to (https://developers.google.com/web/tools/lighthouse/audits/dom-size), an optimal DOM tree has the following properties:
-Has less than 1500 nodes total.
-Has a maximum depth of 32 nodes.
-Has no parent node with more than 60 child nodes.
We can use this devtool to analyze a page's DOM to easily find out which parts of the page are adding weight to it.
****NEW*****
Scrolling the DOM element into view and highlighting it when hovered in this devtool.
Latest reviews
- Justin Golden
- Takes a restart to work and shows up in the inspect element view. A little unintuitive to get working at first, but once it works, 5 stars! Very useful.
- Justin Golden
- Takes a restart to work and shows up in the inspect element view. A little unintuitive to get working at first, but once it works, 5 stars! Very useful.
- Mr Velocity
- could be useful if it did anything
- Mr Velocity
- could be useful if it did anything
- Patrick Weis
- Does what it's supposed to do :) very useful
- Patrick Weis
- Does what it's supposed to do :) very useful
- Terry Ellis
- Doesn't seem to work, no tab displayed in dev tools EDIT - working after a browser restart :-)
- Terry Ellis
- Doesn't seem to work, no tab displayed in dev tools EDIT - working after a browser restart :-)
- Bo Twerdowsky
- Installs easily, works well in Chrome. The info is detailed, a lot to unpack for someone who's not a dev. But it points out areas that need to be pared down, and at least gives me insight into which of my pages are too heavy on nodes.
- Bo Twerdowsky
- Installs easily, works well in Chrome. The info is detailed, a lot to unpack for someone who's not a dev. But it points out areas that need to be pared down, and at least gives me insight into which of my pages are too heavy on nodes.
- Cathryn Peters
- Can't open, doesn't do anything after installing and giving permission to activate when clicked on.
- Cathryn Peters
- Can't open, doesn't do anything after installing and giving permission to activate when clicked on.
- Tom Lambert
- In theory, you open the Inspector and there's a new tab for Analyze DOM size, but when I go there and it just says "loading..." indefinitely. Even if I reload the page it doesn't reset. So this did not work for me at all.
- Tom Lambert
- In theory, you open the Inspector and there's a new tab for Analyze DOM size, but when I go there and it just says "loading..." indefinitely. Even if I reload the page it doesn't reset. So this did not work for me at all.
- Star Lord
- doesn't seem to do anything
- Star Lord
- doesn't seem to do anything
- Andrew Bone
- Works quickly and I found it very useful - thanks!
- Andrew Bone
- Works quickly and I found it very useful - thanks!
- Charles-Philippe Clermont
- Didn't work. Stuck on "loading..." TypeError: Cannot read property id of undefined.