Dom Size Analyzer

Google Chrome DevTools Extension for analyzing DOM size

Dom Size Analyzer: Chrome Extension for DOM Analysis

The 'Dom Size Analyzer' is a Chrome DevTools Extension. Its purpose is to make analyzing your webpage's Document Object Model (DOM) easier, faster, and more convenient. It helps check if the webpage conforms to optimal DOM properties like having less than 1500 nodes, a maximum depth of 32 nodes, and no parent node with more than 60 child nodes. The extension also enables you to scroll any DOM element into view and highlight it. Optimize your page loading speeds by managing your DOM size with the Dom Size Analyzer extension.

Download

Extension stats

By: Anand R

Users: 3,000+

Rating: 3.58

(12)

Version: 1.25 (Last updated: 2019-09-04)

Creation date: 2019-08-31

Risk impact: Moderate risk impact

Risk likelihood:

Low risk likelihood

Manifest version: 2

Permissions:

*://*/*

Size: 59.43K

Ranking

# 18,337 ▲ 88

Other rankings

#6974 in Developer Tools ▼ 16 #25 in size keyword 11 ▲ 4

Other platforms

Dom Dice Merge (v1.1.7)

4.42

(12,557) 5,973,471+

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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.

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Very useful once it works
Installs easily
Provides detailed information
Helps identify heavy node pages
Works quickly

Cons

Requires browser restart to function
Can be unintuitive to set up
Occasionally doesn't display in dev tools
May show 'loading...' indefinitely
Doesn't do anything for some users

Most mentioned

Takes a restart to work
Doesn't seem to work
Very useful
Installs easily
INFO is detailed

User reviews

Ate Keurentjes, 2024-03-11

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.