Dom Size Analyzer

Google Chrome DevTools Extension for analyzing DOM size

¿Qué es Dom Size Analyzer?

Dom Size Analyzer es una extensión de Chrome desarrollada por Anand R, y su función principal es "Google Chrome DevTools Extension for analyzing DOM size".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión Dom Size Analyzer

Descarga archivos de extensión Dom Size Analyzer en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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.                    

Información Básica de la Extensión

Nombre Dom Size Analyzer Dom Size Analyzer
ID mcneiimlodlbmohipgdbbglgbmaoojen
URL Oficial https://chromewebstore.google.com/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen
Descripción Google Chrome DevTools Extension for analyzing DOM size
Tamaño del Archivo 58.04 KB
Cantidad de Instalaciones 3,631
Versión Actual 1.25
Última Actualización 2019-09-04
Fecha de Publicación 2019-08-31
Calificación 3.55/5 Total de 11 Calificaciones
Desarrollador Anand R
Tipo de Pago free
Idiomas Soportados 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
    }
}