English
See more
Helps you explore the distribution of DOM nodes in the document tree.
Latest Version
Version
1.1.1
Update
June 29, 2021
Size
148KiB
Developer
schepp.dev
Category
Users
1,000+ 
Rating
5 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
DOM Treemap Extension
After a Google Lighthouse audit complaining an excessive DOM size, have you ever wondered in which corner of your document most DOM nodes are buried? Neither Lighthouse nor the Devtools themselves help finding those areas.
That's what DOM Treemap is for. It extends your Devtools Elements tab with an additional pane which visualizes the distribution of node descendants of the currently inspected DOM element. This makes it easy for you drill down your DOM and to locate all those hidden the node heavy parts.
On top of that there is an extra tab for all those BEM affiniciados which visualizes via yet another treemap how node intensive your different BEM component are in average.
Read more
That's what DOM Treemap is for. It extends your Devtools Elements tab with an additional pane which visualizes the distribution of node descendants of the currently inspected DOM element. This makes it easy for you drill down your DOM and to locate all those hidden the node heavy parts.
On top of that there is an extra tab for all those BEM affiniciados which visualizes via yet another treemap how node intensive your different BEM component are in average.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "name": "DOM Treemap", "version": "1.1.1", "description": "Helps you explore the distribution of DOM nodes in the document tree.", "devtools_page": "devtools.html", "permissions": []}
Read more
Similar Extensions
DOM-Analyzer 1,000+ 3 ★ 19.52KiB
HTML DOM Navigation 1,000+ 18 ★ 13.89KiB
Css Playground and Dom Tree 1,000+ 2 ★ 179KiB
CSS Stacking Context inspector 1,000+ 21 ★ 262KiB
Site DOM Tree 1,000+ 2 ★ 88.35KiB
DOM Size Inspector 1,000+ 1 ★ 30.5KiB
SVG Gobbler 1,000+ 95 ★ 1.18MiB
VisBug 1,000+ 252 ★ 5.38MiB
CSS Feature Toggles 1,000+ 4 ★ 37.42KiB
Web Vitals 1,000+ 43 ★ 398KiB
DOM node tree viewer. 1,000+ 4 ★ 281KiB
Capo: get your ﹤????﹥ in order 1,000+ 4 ★ 40.08KiB
DOM Highlighter 1,000+ 4 ★ 52.1KiB
DOM X-Ray 1,000+ 2 ★ 57.82KiB
Dom Size Analyzer 1,000+ 12 ★ 58.04KiB
Emmet Re:view 1,000+ 162 ★ 74.65KiB
webhint 1,000+ 7 ★ 754KiB
HTML Visual Validation 1,000+ 8 ★ 54.54KiB
HTML Hierarchy Visualizer 1,000+ 8 ★ 21.62KiB
axe DevTools - Web Accessibility Testing 1,000+ 114 ★ 2.89MiB
OctoLinker 1,000+ 110 ★ 184KiB
HTML Tree Generator 1,000+ 39 ★ 22.97KiB
Core Web Vitals Visualizer 1,000+ 12 ★ 2.39MiB
Accessibility Insights for Web 1,000+ 37 ★ 3.62MiB
User reviews
Sebastian M (ID: 000000088c41c413) Voted 5 ★ - Updated 11/22/2021
Sarah Groß (ID: 0000006cf3caa91a) Voted 5 ★ - Updated 11/19/2021
M G (ID: 000000a879c93d98) Voted 5 ★ - Updated 11/19/2021
