Herramientas SEO

Gratis Generador de reglas de especulacion

Genera JSON Speculation Rules para prerendering y prefetching de páginas en Chrome y Edge.

Cargando herramienta...

Qué es Generador de reglas de especulacion?

Speculation Rules son una característica del navegador basada en JSON que le permite indicar al navegador qué páginas debe precargar (prefetch) o prerenderizar (prerender) antes de que el usuario haga clic. Prerenderizar carga la página completa para una navegación instantánea, mientras que la precarga obtiene solo el recurso del documento. Esto puede hacer que un sitio estático se sienta rápido porque las vistas de página posteriores se cargan desde la caché o el estado prerenderizado.

Respuesta rápida

Speculation Rules usan JSON para indicar a Chrome y Edge qué páginas precargar o prerenderizar antes de que el usuario haga clic. Prerenderizar carga la página completa para navegación instantánea; prefetch obtiene solo el documento principal.

Last updated: 2026-06-11

Limitaciones

  • Speculation Rules solo funcionan en Chrome y Edge. Otros navegadores ignoran la etiqueta script por completo.
  • El prerenderizado eager de muchas páginas puede desperdiciar ancho de banda y memoria significativos, especialmente en dispositivos móviles.
  • El prerenderizado de origen cruzado tiene restricciones de privacidad estrictas. Los navegadores pueden eliminar cookies y acceso al almacenamiento de páginas prerenderizadas de origen cruzado.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Cómo usar esta herramienta

  1. Elija si desea prerenderizar páginas (renderizado completo) o precargarlas (solo obtención del documento).
  2. Seleccione la fuente de lista de URL para especificar páginas exactas, o reglas de documento para coincidencia basada en patrones.
  3. Establezca el nivel de eagerness. Conservative se activa al pasar el ratón o enfocar, moderate agrega un breve retraso, eager se activa inmediatamente.
  4. Copie la etiqueta script en el head de su página o cerca del final del body.

Para qué puedes usarla

  • Prerenderizar las páginas de navegación principales para que se abran instantáneamente al hacer clic.
  • Precargar páginas de artículos de blog desde un listado para acelerar el flujo de lectura.
  • Agregar reglas de especulación a un sitio de documentación para que las páginas de sección carguen más rápido.

Casos de uso

Ejemplos prácticos

Ejemplo

Prerenderizar navegación principal

Un sitio prerenderiza las páginas Acerca de, Herramientas y FAQ porque la mayoría de los visitantes navegan a ellas desde la página de inicio. La eagerness se establece en moderate para equilibrar velocidad y ancho de banda.

Ejemplo

Reglas de documento para enlaces de blog

Un listado de blog usa reglas de documento para que cualquier enlace del mismo origen en la página sea elegible para precarga cuando el usuario pasa el ratón sobre él.

Errores comunes

  • Prerenderizar demasiadas páginas, lo que desperdicia ancho de banda y recursos del navegador.
  • Establecer eagerness en eager en cada página, lo que puede causar precarga excesiva.
  • Prerenderizar páginas de origen cruzado sin entender las implicaciones de privacidad y cookies.

Verificación

  1. Abra Chrome DevTools, vaya a Application > Speculation Rules para verificar que las reglas se analicen correctamente.
  2. En el panel Network, verifique que las páginas prerenderizadas o precargadas muestren el estado Proxied o Prefetched en la columna Size.

FAQ

Preguntas sobre Generador de reglas de especulacion

¿Qué navegadores soportan Speculation Rules?

Chrome 109+ y Edge 109+. Otros navegadores ignoran la etiqueta script, por lo que es seguro incluirla como una mejora progresiva.

¿Cuál es la diferencia entre prerender y prefetch?

Prerender obtiene y renderiza completamente la página incluyendo subrecursos, haciendo que la navegación se sienta instantánea. Prefetch obtiene solo el documento principal, lo que es más ligero en ancho de banda.

¿Debería prerenderizar páginas de origen cruzado?

El prerenderizado de origen cruzado es limitado. Los navegadores pueden no enviar cookies o estado de almacenamiento a páginas prerenderizadas de origen cruzado, y se aplican requisitos previos del mismo origen. Prefetch es generalmente más seguro para URL de origen cruzado.

¿Afecta el prerenderizado al recuento de páginas vistas en analíticas?

Sí, y este es un problema conocido. Una página prerenderizada ejecuta scripts de analíticas y cuenta una página vista incluso si el usuario nunca navega a ella. Para manejarlo, use la API document.prerendering o la entrada de rendimiento activationStart para diferir las analíticas hasta que la página sea realmente activada por la navegación del usuario. Sin esta protección, sus analíticas sobrecontarán las páginas vistas de páginas prerenderizadas.

Herramientas relacionadas

Más herramientas seo

Prueba también

Prueba también