Dom Size Analyzer chrome extension

Version: 1.25
Dom Size Analyzer
Google Chrome DevTools Extension for analyzing DOM size
3.67 Based on 9 user rates

What is Dom Size Analyzer?

Dom Size Analyzer is a developer tools chrome extension. it's a free extension , it has 2,000+ active users since released its first version, it earns an average rating of 3.67 from 9 rated user, last update is 1906 days ago.


What’s new in version 1.25?

                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?

You could download the latest version crx file or older version files and install it.


Preview of Dom Size Analyzer


Technical Features:

  • Latest Version: 1.25
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Wednesday, September 4th, 2019
  • Author: Anand R

Dom Size Analyzer Available languages:

English.


FAQ


Reviews of dom size analyzer:


Patrick Weis June 8th, 2022
Patrick Weis

Does what it's supposed to do :) very useful


Terry Ellis December 24th, 2021
Terry Ellis

Doesn't seem to work, no tab displayed in dev tools EDIT - working after a browser restart :-)


Bo Twerdowsky October 9th, 2021
Bo Twerdowsky

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.

Read more review & comments of dom size analyzer