#3.58 / 12 rate

Dom Size Analyzer

3,000 users

2019-08-31

Anand R

This extension is being deprecated because it doesn't follow Chrome extension best practices.

Extension Information

5 star

53%

4 star

3 star

2 star

1 star

42%

Supported Languages

Permissions

Description

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.

Reviews

Ate Keurentjes

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.