Generador de Speculation Rules API

Configura y genera de forma visual el JSON para acelerar la carga de tu web al instante.

Usa el comodín * para agrupar directorios completos.

Impacto Estimado en la Navegación

Relación entre la velocidad de carga final percibida y el consumo de recursos de red.

Optimiza la velocidad de tu web con Speculation Rules API

En nuestro constante esfuerzo por ofrecer soluciones avanzadas de optimización de rendimiento web (WPO), en Utilidades.io hemos desarrollado este generador interactivo. La Speculation Rules API representa el siguiente paso evolutivo respecto a las antiguas etiquetas de precarga tradicionales como <link rel="next"> o <link rel="prerender">.

A través de un sencillo bloque de configuración JSON, esta API permite a los navegadores modernos (especialmente basados en Chromium) anticiparse a las acciones de los usuarios de una manera sumamente inteligente y eficiente.

¿Por qué deberías implementar estas reglas?

Consejos de uso del equipo editorial

Nosotros recomendamos empezar con un nivel de inmediatez de tipo moderate o eager. El nivel immediate es sumamente agresivo y puede consumir un ancho de banda considerable si tus usuarios navegan de forma errática. Asegúrate siempre de excluir rutas dinámicas, de pago o de autenticación para garantizar la máxima seguridad y rendimiento.

Equipo Editorial | Utilidades.io

Equipo Editorial | Utilidades.io

Desarrollamos herramientas prácticas, rápidas y gratuitas para el día a día.

📚 ¿Quieres entender la teoría matemática y los conceptos detrás de esta herramienta? Lee nuestra guía completa sobre qué es y cómo funciona.

Preguntas Frecuentes

¿Qué es la Speculation Rules API?

Es una API basada en JSON que permite a los desarrolladores dar instrucciones explícitas al navegador sobre qué páginas precargar (prefetch) o prerrenderizar (prerender) antes de que el usuario haga clic, acelerando la navegación casi al instante.

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

Prefetch descarga los recursos principales de la página (como HTML, CSS y JS) en caché, mientras que prerender procesa y renderiza la página completa en segundo plano (incluida la ejecución de scripts), ofreciendo una carga inmediata.

¿Cómo se implementa el código generado en mi sitio web?

Solo debes copiar el código JSON generado e insertarlo dentro de una etiqueta <script type="speculationrules"> en el <head> o en el <body> de tu documento HTML.