Resumen
El Comprobador de tamaño de página de Sorank mide el HTML de una página y lo compara con los umbrales de Google. El límite se aplica al HTML en bruto, no a las imágenes, y el contenido que lo excede puede no indexarse nunca: aligere el código inline y el marcado.
¿Quiere ir más lejos? Pregunte a
Google tiene un límite estricto sobre cuánto de una página descargará durante el rastreo, y las páginas que superan 15 MB de HTML en bruto se truncan por completo. Si el HTML de su página excede lo que Googlebot está dispuesto a procesar, el contenido crítico, los datos estructurados y los enlaces internos pueden no llegar a indexarse.
El Comprobador de tamaño de página de Sorank mide instantáneamente el tamaño total de su página y lo compara con los umbrales recomendados por Google, ayudándole a identificar las páginas que pueden ser demasiado pesadas para un rastreo e indexación eficientes.
Por qué el tamaño de página es importante para el SEO
El tamaño de página impacta directamente en cómo los motores de búsqueda rastrean, renderizan e indexan su contenido. Aunque la mayoría de las páginas están bien dentro de los límites aceptables, ciertos tipos de sitios, aplicaciones web dinámicas, páginas de aterrizaje con mucho contenido y plantillas CMS infladas, pueden producir documentos HTML sorprendentemente grandes:
- Eficiencia del rastreo: Google asigna un presupuesto de rastreo finito a cada sitio. Las páginas más grandes consumen más de ese presupuesto por URL, lo que significa que menos páginas se rastrean en cada sesión.
- Truncado de contenido: Cuando el HTML en bruto de una página supera el límite de procesamiento de Googlebot, el contenido al final del documento puede no indexarse. Esto incluye los enlaces del pie de página, las secciones de carga tardía y los datos estructurados colocados al final del código fuente.
- Costes de renderizado: Las páginas más grandes tardan más en ser procesadas por el servicio de renderizado de Googlebot (WRS). Esto retrasa la indexación y puede hacer que Google use la versión HTML en bruto en lugar de la página completamente renderizada.
- Impacto en la velocidad de página: El tamaño de página se correlaciona directamente con el tiempo de carga. Los documentos más grandes tardan más en descargarse, parsearse y renderizarse, afectando negativamente a los Core Web Vitals y las métricas de experiencia de usuario.
- Rastreo móvil: Google utiliza la indexación mobile-first, y las conexiones móviles tienen menor ancho de banda. Las páginas pesadas son aún más problemáticas para el rastreo y el renderizado móvil.
Los umbrales de tamaño de página de Google
Comprender los límites documentados de Google le ayuda a establecer objetivos de optimización claros:
- Menos de 500 KB: Rango ideal. Las páginas de este tamaño se rastrean eficientemente y se procesan con rapidez. La mayoría de las páginas estáticas bien optimizadas se encuentran en este rango.
- 500 KB a 2 MB: Aceptable pero vale la pena monitorizarlo. Las páginas complejas con CSS inline pesado, JavaScript o contenido incrustado suelen llegar aquí. Busque oportunidades de optimización.
- 2 MB a 15 MB: Zona de riesgo. Las páginas de este tamaño sobrecargan los presupuestos de rastreo y pueden experimentar retrasos en la indexación. El contenido cerca del final del documento HTML corre el riesgo de ser desestimado u omitido.
- Más de 15 MB: El límite estricto de Google para HTML en bruto. El contenido más allá de este límite no se procesa. Si su página supera 15 MB, el contenido crítico será invisible para Google.
Tenga en cuenta que estos límites se aplican al tamaño del documento HTML en bruto, no al peso total de la página incluyendo imágenes, archivos CSS y JavaScript. Sin embargo, los recursos externos sí afectan al rendimiento del renderizado y al coste total del rastreo.
Cómo usar el Comprobador de tamaño de página
La herramienta proporciona un análisis sencillo de cualquier URL accesible públicamente:
- Introduzca una URL: Escriba o pegue la URL completa de la página que desea analizar en el campo de entrada.
- Ver los resultados: La herramienta muestra el tamaño total del documento HTML, junto con un indicador visual que muestra dónde se sitúa su página en relación con los umbrales de Google.
- Identificar problemas: Si su página supera los límites recomendados, analice el código fuente HTML para encontrar el exceso, estilos inline, SVGs incrustados, elementos DOM excesivos o JavaScript innecesario.
Causas comunes de páginas sobredimensionadas
Varios patrones técnicos conducen a documentos HTML inflados:
- CSS y JavaScript inline: Incrustar grandes frameworks CSS o bibliotecas JavaScript directamente en el HTML en lugar de enlazar a archivos externos infla considerablemente el tamaño del documento.
- Elementos DOM excesivos: Las páginas con estructuras HTML profundamente anidadas o miles de nodos DOM producen documentos más grandes. Esto es común en diseños complejos, mega menús y rejillas de contenido autogenerado.
- SVGs inline: Los gráficos SVG incrustados directamente en el HTML pueden ser muy grandes, especialmente ilustraciones complejas o iconos repetidos en toda la página.
- Bloques de contenido duplicados: Las plantillas CMS que generan estructuras HTML repetidas, secciones de comentarios, publicaciones relacionadas, variantes de productos, pueden multiplicar inesperadamente el tamaño de la página.
- Imágenes codificadas en base64: Incrustar imágenes como cadenas base64 en el HTML es mucho menos eficiente que enlazar a archivos de imagen externos y aumenta drásticamente el tamaño del documento.
- Datos estructurados JSON-LD: Aunque los datos estructurados son importantes para el SEO, el marcado schema excesivamente detallado (especialmente en páginas de producto con muchas variantes) puede añadir un peso significativo al HTML.
- Scripts de terceros: Las etiquetas de marketing, los scripts de análisis y los widgets de chat inyectados en el HTML en el momento del renderizado se suman al tamaño total del documento que procesa Googlebot.
Cómo reducir el tamaño de página
Si sus páginas superan los umbrales recomendados, aplique estas técnicas de optimización:
Mover los recursos inline a archivos externos
Extraiga el CSS inline en hojas de estilo externas y el JavaScript inline en archivos de script externos. Esto reduce el tamaño del documento HTML y permite al navegador almacenar en caché estos recursos por separado, mejorando tanto la eficiencia del rastreo como la velocidad de página.
Simplificar la estructura DOM
Reduzca la profundidad de anidamiento y elimine los elementos wrapper innecesarios. Use técnicas CSS modernas como Grid y Flexbox para lograr diseños complejos con menos elementos HTML. Apunte a menos de 1'500 nodos DOM por página.
Carga diferida del contenido no crítico
Mueva el contenido por debajo del pliegue, las secciones de comentarios y los widgets de publicaciones relacionadas a componentes de carga diferida que solo se renderizan cuando el usuario se desplaza hasta ellos. Esto mantiene el documento HTML inicial pequeño mientras proporciona contenido completo a los usuarios comprometidos.
Optimizar los datos estructurados
Mantenga el marcado JSON-LD conciso. Incluya solo las propiedades obligatorias y recomendadas para cada tipo de schema. Para las páginas de producto con muchas variantes, considere usar aggregateOffer en lugar de listar cada variante individualmente.
Usar referencias de imágenes externas
Reemplace las imágenes codificadas en base64 y los SVGs inline con referencias a archivos externos. Para los iconos SVG, considere usar una hoja de sprites SVG enlazada externamente en lugar de incrustar cada icono en el HTML.
Habilitar la compresión del lado del servidor
Aunque la compresión (gzip/Brotli) no reduce el tamaño HTML sin comprimir que Google mide, reduce drásticamente el tamaño de transferencia, mejorando la velocidad de rastreo y el tiempo de carga de página. Asegúrese de que su servidor comprime las respuestas HTML, CSS y JavaScript.
Tamaño de página y Core Web Vitals
El tamaño de página tiene una relación directa con varias métricas de Core Web Vitals:
- Largest Contentful Paint (LCP): Los documentos HTML más grandes tardan más en descargarse y parsearse, retrasando el renderizado del elemento de contenido visible más grande.
- Interaction to Next Paint (INP): Los elementos DOM excesivos aumentan los costes de diseño y pintado del navegador, haciendo que las interacciones parezcan lentas y poco receptivas.
- Cumulative Layout Shift (CLS): Las páginas pesadas con elementos de carga tardía son más propensas a los desplazamientos de diseño a medida que el contenido se renderiza progresivamente.
Mantener el tamaño de su página dentro de los umbrales recomendados por Google no es solo una cuestión de eficiencia del rastreo, es un paso fundamental hacia mejores puntuaciones de Core Web Vitals y una mayor visibilidad en la búsqueda.
Flujo de trabajo de auditoría de tamaño de página
Incorpore las comprobaciones de tamaño de página en su proceso habitual de auditoría SEO:
- Audite primero las páginas de plantilla: Compruebe el tamaño de cada tipo de plantilla de página (página de inicio, páginas de categoría, páginas de producto, entradas de blog). Si una plantilla está sobredimensionada, todas las páginas que usan esa plantilla están afectadas.
- Monitorice las páginas generadas dinámicamente: Las páginas que agregan contenido (resultados de búsqueda, listados de productos filtrados, archivos de etiquetas) suelen crecer a medida que se añade contenido. Vuelva a comprobarlas regularmente.
- Establezca alertas para los umbrales: Integre la monitorización del tamaño de página en su flujo de trabajo de SEO técnico. Marque cualquier página que supere 1 MB de HTML para su revisión.
- Pruebe después de los despliegues: Las nuevas funciones, plugins o actualizaciones de tema pueden inflar silenciosamente el tamaño de página. Compruebe las páginas críticas después de cada despliegue para detectar regresiones con rapidez.
- Compare con los competidores: Compruebe los tamaños de página de los competidores para comparar su sitio con las normas del sector. Las páginas más ligeras se correlacionan con tiempos de carga más rápidos y una mejor eficiencia del rastreo.
Errores comunes de tamaño de página
Evite estos errores al gestionar el tamaño de página:
- Medir solo el peso total de la página: El peso total de la página (incluyendo imágenes, CSS, JS) importa para el rendimiento, pero el límite de rastreo de Google se aplica al documento HTML en bruto. Mida siempre el tamaño HTML por separado.
- Ignorar el contenido renderizado por el servidor: Si su sitio usa renderizado del lado del servidor, la salida HTML completa puede ser mucho más grande de lo que sugieren sus plantillas fuente. Mida siempre la salida renderizada.
- Olvidar la paginación: Las páginas de categoría y listado crecen a medida que se añaden productos o publicaciones. Sin límites de paginación, estas páginas pueden superar silenciosamente los umbrales de tamaño con el tiempo.
- Sobre-optimizar los datos estructurados: Añadir todas las propiedades de schema posibles infla el tamaño HTML. Céntrese en las propiedades obligatorias y recomendadas que realmente impactan en la elegibilidad para resultados enriquecidos.
- No probar en producción: Los entornos de desarrollo a menudo carecen de scripts de terceros, anuncios y contenido dinámico que inflan el tamaño de página en producción. Pruebe siempre el tamaño de página en su sitio en directo.
El Comprobador de tamaño de página de Sorank le da la visibilidad instantánea que necesita para asegurarse de que Google puede rastrear e indexar completamente cada página de su sitio, detectando los problemas potenciales antes de que afecten a su rendimiento orgánico.
