perf.dom_size_medium
Si la página tiene bastantes elementos HTML.
Por qué importa
Lighthouse, la herramienta de Google, empieza a avisar a partir de unos 800 elementos HTML: cuantos más hay, más trabajo tiene el navegador para mostrar la página.
Cómo se corrige
Si la página va lenta, revisa si hay contenedores anidados de más o bloques que podrían cargarse solo cuando se necesitan. Si va bien, no hace falta hacer nada.
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 un número de elementos HTML que empieza a ser alto.
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
- Ten en cuenta que es un aviso informativo: salta con más de 800 elementos HTML, donde Lighthouse empieza a avisar; por encima de 1400 pasa a ser un aviso de más peso.
- Antes de tocar nada, abre la página en un móvil: si carga rápido y responde bien al tocarla, no hace falta cambiar nada.
- 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.
Antes de volver a Seotres
Para comprobarlo, vuelve a analizar la página https://tudominio.com/ con Seotres: con 800 elementos HTML o menos, este aviso deja de salir.
Fuente oficial
https://developer.chrome.com/docs/lighthouse/performance/dom-size