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.
- (2020-10-09) Star Lord: doesn't seem to do anything
- (2020-03-16) Andrew Bone: Works quickly and I found it very useful - thanks!
- (2020-02-18) Charles-Philippe Clermont: Didn't work. Stuck on "loading..." TypeError: Cannot read property id of undefined.