<link rel="prerender"> 在现代浏览器中已完全失效，Chrome 自2017年移除支持，Edge/Safari从未实现，Firefox早已废弃；它无标准、高风险、被明确弃用，浏览器直接忽略该标签。
<link rel="prerender"> 在现代浏览器中已基本失效，不能实现真正的预渲染。Chrome 自 2017 年起移除了对 rel="prerender" 的支持，Edge 和 Safari 从未实现，Firefox 仅在极旧版本中实验性支持且早已废弃。你现在写 <link rel="prerender" href="/next.html">，浏览器会完全忽略它——既不发起请求，也不预执行、不预解析、不建 DOM。
<link rel="prerender"> 为什么不能用
-
无标准支持：HTML 规范中从未定义
prerender，它只是 Chrome 曾短暂实现的非标准扩展 - 安全与资源风险高：预渲染会加载完整 HTML、执行 JS、发接口、触发 cookies/session，极易造成数据误提交、状态污染、带宽浪费
-
已被明确弃用：Chrome 58+ 彻底删除该功能；DevTools Network 面板里再也看不到
prerenderInitiator；<link rel="prerender">标签在 HTML 解析阶段即被跳过
真正能落地的替代方案
你真正想解决的，通常是「用户点按钮后页面秒开」这类体验问题。以下三个方案按优先级排列，都比 prerender 可靠：
<link rel="prefetch" href="/next.html" as="document">
✅ 下载 HTML 到 HTTP 缓存，跳转时复用（状态码200 (from memory cache)）
❌ 不执行 JS、不建 DOM、不恢复滚动/表单状态
⚠️ 必须同源、必须写在<head>初始 HTML 中、必须等window.onload后才触发<link rel="preconnect" href="https://next.example.com" crossorigin>
✅ 提前完成 DNS + TCP + TLS 连接，省掉 300ms+ 延迟（尤其对跨域目标页）
❌ 不下载任何资源，只建连接
⚠️ 最多配 4–6 个，别对主站重复 preconnect服务端配合：SSR + 路由级缓存（如 Next.js 的 ISR、Nuxt 的
cache: true）
✅ 用户点击瞬间返回已渲染 HTML，无需客户端 JS 拼装
❌ 需服务端支持，不是纯前端<link>能解决的
容易被忽略的关键细节
-
<link rel="prefetch" as="document">在 Safari（尤其是 iOS 16.4 之前）几乎无效，不要依赖它做核心体验保障 -
prefetch对带查询参数的 URL（如/product?id=123）基本无用——路径必须静态、确定、无动态变量 - 如果按钮点击逻辑涉及
fetch()或localStorage状态判断，prefetch完全无法提前执行这些，你仍需在跳转后重新拉接口、还原状态 - 所有
prefetch行为都发生在window.onload之后，若用户在页面还没加载完就点了按钮，那它根本没机会启动
事情说清了就结束。
