Dom Size Analyzer
Google Chrome DevTools Extension for analyzing DOM size
What is Dom Size Analyzer?
Dom Size Analyzer is a Chrome extension developed by Anand R, and its main feature is "Google Chrome DevTools Extension for analyzing DOM size".
Extension Screenshots
Download Dom Size Analyzer Extension CRX File
Download Dom Size Analyzer extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name | |
| ID | mcneiimlodlbmohipgdbbglgbmaoojen |
| Official URL | https://chromewebstore.google.com/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen |
| Description | Google Chrome DevTools Extension for analyzing DOM size |
| File Size | 58.04 KB |
| Installation Count | 3,631 |
| Current Version | 1.25 |
| Last Updated | 2019-09-04 |
| Publish Date | 2019-08-31 |
| Rating | 3.55/5 Total 11 Ratings |
| Developer | Anand R |
| Payment Type | free |
| Supported Languages | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "Dom Size Analyzer",
"description": "Google Chrome DevTools Extension for analyzing DOM size",
"version": "1.25",
"permissions": [
"*:\/\/*\/*"
],
"devtools_page": "devtools.html",
"web_accessible_resources": [
"injectable.js"
],
"content_scripts": [
{
"matches": [
" | |
