Dom Size Analyzer

Google Chrome DevTools Extension for analyzing DOM size

O que é Dom Size Analyzer?

Dom Size Analyzer é uma extensão do Chrome desenvolvida por Anand R, e sua principal característica é "Google Chrome DevTools Extension for analyzing DOM size".

Capturas de Tela da Extensão

screenshot
screenshot
screenshot

Baixar o arquivo CRX da Extensão Dom Size Analyzer

Baixe arquivos de extensão Dom Size Analyzer no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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.                    

Informações Básicas da Extensão

Nome Dom Size Analyzer Dom Size Analyzer
ID mcneiimlodlbmohipgdbbglgbmaoojen
URL Oficial https://chromewebstore.google.com/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen
Descrição Google Chrome DevTools Extension for analyzing DOM size
Tamanho do Arquivo 58.04 KB
Contagem de Instalações 3,631
Versão Atual 1.25
Última Atualização 2019-09-04
Data de Publicação 2019-08-31
Classificação 3.55/5 Total de 11 Avaliações
Desenvolvedor Anand R
Tipo de Pagamento free
Idiomas Suportados 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
    }
}