Código y formato

Generador de Speculation Rules

Genere un JSON de Speculation Rules válido para Prefetch y prerender; valide en su navegador las configuraciones predeterminadas seguras, los patrones de URL y las opciones de eagerness.

Configuración de Speculation Rules
Inicio seguro: Conservative Prefetch Primero mida con un prefetch de bajo riesgo; amplíe el alcance de prerender reduciéndolo según los datos de navegación reales.
Funciona completamente en el navegador

Configuración predefinida

La configuración predefinida cambia conjuntamente el tipo de operación y la sensibilidad del activador.

Bajo uso de recursos

Comportamiento de la regla

Seleccione qué preparará el navegador, desde qué fuente y con cuánta antelación.

Prerender también puede ejecutar el código JavaScript de la página de destino.
Los patrones se aplican automáticamente a los enlaces adecuados de la página.
Una activación más temprana puede utilizar más ancho de banda y recursos del procesador.

Alcance de URL

Escriba un patrón URLPattern o una URL de destino en cada línea.

Ejemplo: /blog/* o /products/:slug
Excluya siempre las rutas de sesión, pago y cambio de estado.
Escriba una lista válida de selectores CSS. Los enlaces coincidentes no se incluirán en la regla.

Sintaxis y auditoría de riesgos en tiempo real

La estructura de JSON, las entradas de URLPattern y las opciones de consumo de recursos se comprueban al instante.

Válido

Código generado

1 regla · 1 destino/patrón

Comprobando la compatibilidad del navegador…
Información

Acerca del generador de Speculation Rules

Speculation Rules API, permite al navegador precargar (prefetch) o preparación completa en segundo plano (prerender) da la instrucción. Usado correctamente, puede acelerar considerablemente las transiciones a las páginas siguientes; si se utiliza de forma demasiado amplia, puede consumir innecesariamente ancho de banda, recursos del servidor y mediciones analíticas.

Esta herramienta; conservative, moderate y aggressive genera reglas a partir de patrones URLPattern o de una lista explícita de URL mediante sus ajustes predefinidos. La salida puede ser un JSON simple o uno que se puede añadir directamente a la página <script type="speculationrules"> Puede obtenerlo en este formato. La sintaxis, el selector de exclusión CSS y las combinaciones de riesgo se controlan completamente en su navegador.

Los navegadores que no admiten Speculation Rules ignoran este tipo de script; los enlaces normales siguen funcionando. Por ello, cuando se configura correctamente, la función es una capa adicional de aceleración y no sustituye al flujo de navegación existente.

¿Cómo usarlo?

Paso a paso

  1. Adecuado para su tráfico y uso de recursos Conservative, Moderate o Aggressive Seleccione el ajuste predefinido.
  2. Más ligero en cuanto a procesamiento prefetch o que prepare la página por completo prerender si es necesario.
  3. Alcance Patrón de URL o lista explícita de URL Defínalo con este elemento; excluya las rutas de sesión, carrito y pago.
  4. Resuelva las advertencias de sintaxis y consumo de recursos del área de validación en tiempo real.
  5. Copie la etiqueta HTML generada o la salida JSON, o descárguela como archivo.
Preguntas frecuentes

Preguntas frecuentes

prefetch permite obtener previamente de la red el documento de destino; no ejecuta la página. prerender si lo es, carga y renderiza la página de destino como si estuviera en una pestaña invisible. Prerender puede proporcionar una transición más rápida, pero debe utilizarse con mayor cuidado, ya que JavaScript, las solicitudes de red y los eventos de análisis pueden ejecutarse antes del clic.

conservative espera una intención fuerte del usuario; moderate utiliza una señal como una breve espera sobre el enlace. eager y, especialmente, immediate puede ejecutarse antes y consumir más recursos. Aun así, el navegador puede optar por no aplicar una regla según las condiciones del navegador, el dispositivo y la red.

WordPress 6.8 puede enviar de forma predeterminada la regla conservative prefetch a los navegadores compatibles para los enlaces adecuados del frontend. Compruebe primero si ya existe en el código fuente de la página type="speculationrules" Compruebe el script. En lugar de añadir una segunda regla en conflicto, seleccione wp_speculation_rules_configuration Personalice la configuración principal con el filtro.

El tipo de script no se reconoce y la regla se ignora. Los enlaces normales de la página <a href> los enlaces funcionan sin cambios; no se necesita ningún polyfill especial JavaScript. Por eso, no vincule los destinos de los enlaces únicamente a Speculation Rules y conserve el flujo de navegación normal.

Excluya las rutas de salida, inicio de sesión, carrito, pago, cuenta, administración, enlaces de un solo uso y todas las rutas que cambien el estado mediante una solicitud de GET. Como la página prerrepresentada puede ejecutarse antes de que el usuario haga clic, solo debe utilizarse en páginas seguras, idempotentes y que no filtren datos personales.
Volver a todas las herramientas gratuitas