prerender 预加载页面怎么不生效？

金利酱~ 提问于 2026-03-07 13:28:21 阅读 2

优化

我在用 <link rel="prerender" href="/dashboard" rel="external nofollow" > 预加载后台页面，但 Chrome DevTools 里看不到任何预渲染请求，页面跳转时还是重新加载，这是为啥？

查了文档说 Chrome 116+ 改成 speculation rules 了，于是试了下面这段：

<script type="speculationrules">
{
  "prerender": [
    {
      "urls": ["/dashboard"]
    }
  ]
}
</script>

但控制台报错：Speculation Rules: Invalid syntax. 是我写法不对吗？还是需要额外配置？

预加载策略

我来解答赞 5 收藏

反馈

1 条解答

❤怡萱 Lv1

哎呀这个问题我也踩过坑！Chrome确实从116版本开始废弃了旧的方式，改用speculation rules了。你的写法其实很接近正确了，就是少了个外层对象。

可以试试这样改：

关键点是：
1. 必须在对象里加个"source": "list"字段
2. 整个规则要放在