Dom Size Analyzer Dom Size Analyzer

Developer Tools
Version: 1.25
Last Update: 2019-09-04

Overview

Dom Size Analyzer is a Chrome extension developed by Anand R. According to the data from Chrome web store, current version of Dom Size Analyzer is 1.25, updated on 2019-09-04.
2,000+ users have installed this extension. 9 users have rated this extension with an average rating of .

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.

Rating

9 ratings

Total Installs

2,000+

Information

Last Update

2019-09-04

Current Version

1.25

Size

58.04KiB

Author

Anand R

Website

None

Category

Developer Tools

Latest Reviews

See More

avatar Terry Ellis
2021-12-24

Doesn't seem to work, no tab displayed in dev tools

EDIT - working after a browser restart :-)

avatar Bo Twerdowsky
2021-10-09

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.

avatar Cathryn Peters
2021-06-19

Can't open, doesn't do anything after installing and giving permission to activate when clicked on.

avatar Tom Lambert
2021-02-14

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.

avatar Star Lord
2020-10-09

doesn't seem to do anything