Dom Size Analyzer Chrome Extension

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.

How to install Dom Size Analyzer chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Dom Size Analyzer Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Dom Size Analyzer Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Dom Size Analyzer in Chrome Webstore Search and click on the search button.
• Step 3: click on the Dom Size Analyzer Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Dom Size Analyzer extension for your Chrome Web browser .