Speculation Rules

<!doctype html>
<meta charset="utf-8">
<title>Speculation Rules · ejemplo mínimo</title>
<!-- Prerenderiza los enlaces de esta web al pasar el ratón (200 ms) o al empezar a pulsar.
     Chromium 109+. Sírvelo por HTTP (npx serve .). -->
<script type="speculationrules">
{
  "prerender": [{
    "source": "document",
    "where": { "and": [
      { "href_matches": "/*" },
      { "not": { "selector_matches": "[data-no-prerender]" } }
    ] },
    "eagerness": "moderate"
  }]
}
</script>
<p>Soporte: <b id="support"></b></p>
<p><a href="destino.html">Ir al destino (se prerenderiza)</a></p>
<p><a href="destino.html?x" data-no-prerender>Ir al destino sin prerenderizar</a></p>
<script>
  document.querySelector('#support').textContent =
    HTMLScriptElement.supports?.('speculationrules') ? 'sí' : 'no (los enlaces cargan de forma normal)';
</script>

<!doctype html>
<meta charset="utf-8">
<title>Speculation Rules · destino</title>
<p id="out">…</p>
<p><a href="index.html">Volver</a></p>
<script>
  const out = document.querySelector('#out');
  const show = () => {
    // activationStart > 0: la página ya estaba prerenderizada cuando la persona llegó
    const nav = performance.getEntriesByType('navigation')[0];
    out.textContent = nav?.activationStart > 0
      ? `Prerenderizada: se mostró ${Math.round(performance.now() - nav.activationStart)} ms después de activarse.`
      : 'Carga normal (sin prerenderizar).';
  };
  // Mientras se prerenderiza, no cuentes visitas ni lances analítica
  if (document.prerendering) document.addEventListener('prerenderingchange', show, { once: true });
  else show();
</script>