Analyzes the number of nodes, depth and size of your DOM for profiling, speed or SEO purposes.

Latest Version

Version
1.2.1
Update
May 29, 2019
Size
19.52KiB
Developer
Category
Users
1,000+
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
See more

DOM-Analyzer Extension

Learn what elements of your webpage are slowing down your rendering time or which ones are not SEO friendly with DOM-Analyzer!

This tool allows you to explore the DOM, ordering each level by:
- Nodes: number of nodes under each branch,
- Depth: maximum depth under each branch,
- Length: count of characters on that branch (without spaces).

You will find this useful to find nodes that are specially heavy, have too many children or too many levels (which is usually bad when comes to rendering the page). You can go straight to the node's element by clicking on it or see which one it is by hovering over it.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "DOM-Analyzer", "author": "cnavast", "incognito": "split", "homepage_url": "http://github.com/cnavast/DOM-Analyzer/", "version": "1.2.1", "description": "Analyzes the number of nodes, depth and size of your DOM for profiling, speed or SEO purposes.", "browser_action": { "default_title": "DOM-Analyzer", "default_popup": "popup.html" }, "permissions": ["activeTab", "storage"], "devtools_page": "devtools.html", "icons": { "16": "icon.png", "32": "icon.png", "48": "icon.png", "128": "icon.png" }, "manifest_version": 2}
Read more

Similar Extensions

icon

DOM X-Ray Extension · Developer Tools 1,000+ 2 ★ 57.82KiB

icon

DOM Highlighter Extension · Developer Tools 1,000+ 4 ★ 52.1KiB

icon

Site DOM Tree Extension · Developer Tools 1,000+ 2 ★ 88.35KiB

icon

HTML DOM Navigation Extension · Developer Tools 1,000+ 18 ★ 13.89KiB

icon

showHTML Extension · Developer Tools 1,000+ 2 ★ 12.59KiB

icon

DOM Treemap Extension · Developer Tools 1,000+ 3 ★ 148KiB

icon

CLS Visualizer Extension · Developer Tools 1,000+ 11 ★ 17.27KiB

icon

Dom Size Analyzer Extension · Developer Tools 1,000+ 12 ★ 58.04KiB

icon

DOM Size Inspector Extension · Developer Tools 1,000+ 1 ★ 30.5KiB

icon

DOM node tree viewer. Extension · Developer Tools 1,000+ 4 ★ 281KiB

icon

Web Vitals Extension · Developer Tools 1,000+ 43 ★ 398KiB

icon

Css Playground and Dom Tree Extension · Developer Tools 1,000+ 2 ★ 179KiB

icon

DevTools Classes & Atributes panel Extension · Developer Tools 1,000+ 4 ★ 12.75KiB

icon

View Rendered Source Extension · Developer Tools 1,000+ 37 ★ 73.68KiB

icon

Copy DOM Content Extension · Developer Tools 1,000+ 2 ★ 13.8KiB

icon

DOM to JSON Converter Extension · Developer Tools 1,000+ 1 ★ 18.23KiB

icon

Core Web Vitals Extension · Developer Tools 1,000+ 5 ★ 7.29KiB

icon

LCP & CLS Monitor Extension · Developer Tools 1,000+ 1 ★ 19.96KiB

icon

CSS Used Extension · Developer Tools 1,000+ 184 ★ 164KiB

icon

Schema Builder for Structured Data Extension · Developer Tools 1,000+ 29 ★ 889KiB

icon

HTML Visual Validation Extension · Developer Tools 1,000+ 8 ★ 54.54KiB

icon

CLS Checker - Journey Further Extension · Developer Tools 1,000+ 9 ★ 107KiB

icon

HTML Hierarchy Visualizer Extension · Developer Tools 1,000+ 8 ★ 21.62KiB

icon

Core Web Vitals Annotations Extension · Developer Tools 1,000+ 2 ★ 191KiB

User reviews

icon

-REDIRECT- Roberto Adarve (ID: 000000de3b723fee) Voted 5 ★ - Updated 05/14/2019 Specially useful when you want to have a quick idea of which parts of your page are bigger than you want/expect