Mapa de árbol DOM en Chrome con OffiDocs

DESCRIPCIÓN

Después de una auditoría de Google Lighthouse quejándose de un tamaño DOM excesivo, ¿alguna vez te has preguntado en qué esquina de tu documento están enterrados la mayoría de los nodos DOM? Ni Lighthouse ni los propios Devtools ayudan a encontrar esas áreas.

Para eso está DOM Treemap.

Extiende la pestaña Elementos de Devtools con un panel adicional que visualiza la distribución de los descendientes de nodos del elemento DOM actualmente inspeccionado.

Esto le facilita profundizar en su DOM y localizar todas las partes pesadas ocultas del nodo.

Además de eso, hay una pestaña adicional para todos aquellos aficionados a BEM que visualiza a través de otro mapa de árbol qué tan intensivos son los nodos en promedio de sus diferentes componentes BEM.

Información adicional:

- Ofrecido por schepp.dev
- Calificación promedio: 5 estrellas (me encantó)
- Desarrollador Esta dirección de correo electrónico está protegida contra robots de spam. Es necesario activar Javascript para visualizarla.

Web de mapa de árbol DOM extension integrado con OffiDocs Chromium en línea