Dom Size Analyzer
Google Chrome DevTools Extension for analyzing DOM size
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
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.
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.
could be useful if it did anything
could be useful if it did anything
Does what it's supposed to do :) very useful
Does what it's supposed to do :) very useful
Doesn't seem to work, no tab displayed in dev tools EDIT - working after a browser restart :-)
Doesn't seem to work, no tab displayed in dev tools EDIT - working after a browser restart :-)
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.
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.
Can't open, doesn't do anything after installing and giving permission to activate when clicked on.
Can't open, doesn't do anything after installing and giving permission to activate when clicked on.
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.
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.
doesn't seem to do anything
doesn't seem to do anything
Works quickly and I found it very useful - thanks!
Works quickly and I found it very useful - thanks!
Didn't work. Stuck on "loading..." TypeError: Cannot read property id of undefined.