Speculative prefetch is configured for likely next pages

Speculative prefetch turns navigation between marketing pages — homepage to pricing, pricing to signup — from a network-dependent operation into an instant cache hit. Without prefetch, clicking a CTA initiates a full page load cycle: DNS, TCP, TLS, request, response, parse, render. With prefetch, the browser fetches the next page during idle time after the current page loads, so the navigation appears instant. ISO-25010 time-behaviour quality applies to navigation response time as well as initial page load. In Next.js, this capability is built into <Link> with zero configuration — the only failure mode is using plain <a href> tags on conversion CTAs, which disables the automatic prefetch without any explicit opt-out.

Replace plain <a href> tags on internal CTAs with Next.js <Link> — Next.js prefetches linked pages on hover in production automatically.

import Link from 'next/link'

// Before — plain anchor, no prefetch
<a href="/pricing" className="btn-primary">See pricing</a>

// After — automatic prefetch in Next.js production builds
<Link href="/pricing" className="btn-primary">See pricing</Link>

For aggressive prefetch of the highest-probability conversion paths, add the Speculation Rules API (Chrome 109+):

<script type="speculationrules">
  {"prefetch": [{"source": "list", "urls": ["/pricing", "/signup"]}]}
</script>

Verify prefetch is working with Chrome DevTools → Network tab → filter for document requests while hovering over a <Link> — you should see the next page prefetched before the click.