Dom Size Analyzer

Google Chrome DevTools Extension for analyzing DOM size

Was ist Dom Size Analyzer?

Dom Size Analyzer ist eine Chrome-Erweiterung, die von Anand R entwickelt wurde, und ihr Hauptmerkmal ist "Google Chrome DevTools Extension for analyzing DOM size".

Erweiterungsscreenshots

screenshot
screenshot
screenshot

Dom Size Analyzer-Erweiterungs-CRX-Datei herunterladen

Laden Sie Dom Size Analyzer-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        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.                    

Grundlegende Informationen zur Erweiterung

Name Dom Size Analyzer Dom Size Analyzer
ID mcneiimlodlbmohipgdbbglgbmaoojen
Offizielle URL https://chromewebstore.google.com/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen
Beschreibung Google Chrome DevTools Extension for analyzing DOM size
Dateigröße 58.04 KB
Installationsanzahl 3,631
Aktuelle Version 1.25
Letztes Update 2019-09-04
Veröffentlichungsdatum 2019-08-31
Bewertung 3.55/5 Insgesamt 11 Bewertungen
Entwickler Anand R
Zahlungsart free
Unterstützte Sprachen 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": [
                ""
            ],
            "js": [
                "contentScript.js"
            ]
        }
    ],
    "background": {
        "scripts": [
            "backgroundScript.js"
        ],
        "persistent": false
    }
}