perf.dom_size_large
Que la página no tenga muchísimos elementos HTML.
Por qué importa
Una página con muchísimos elementos HTML consume más memoria y hace más lentos el pintado y las interacciones, sobre todo en móviles modestos.
Cómo se corrige
Simplifica la estructura: elimina capas de contenedores innecesarias, carga los listados largos por tramos y evita repetir bloques enteros.
Paso a paso: el prompt para tu IA
Cuando Seotres encuentra este problema en tu web, te da un prompt listo para pegar en la IA que uses, con los datos de tu página. Este es el de esta regla con una web de ejemplo (tudominio.com):
Problema: la página tiene demasiados elementos HTML.
Datos de tu web: Aquí van la página y la evidencia que ha encontrado Seotres.
Objetivo
Reducir el número de elementos HTML de la página https://tudominio.com/ sin cambiar su aspecto ni su contenido.
Pasos
- Mira en los datos de arriba la página y cuántos elementos tiene.
- Busca contenedores anidados que no aportan nada, bloques repetidos y listados largos que podrían cargarse por tramos.
- Simplifica solo lo que no cambie lo que ve el visitante, y comprueba la página antes y después.
- Si usas WordPress, Shopify u otra plataforma: suele depender del tema o del constructor de páginas; revisa sus ajustes antes de tocar código.
Límites
- No quites contenido ni funciones de la página para bajar el número de elementos.
Términos de esta regla
- renderizado
Cuando un navegador ejecuta el JavaScript de tu página y construye lo que de verdad se ve.
Ejemplo: Una tienda hecha con JavaScript descarga un HTML casi vacío y los productos aparecen después del renderizado.
Fuente oficial
https://developer.chrome.com/docs/lighthouse/performance/dom-size