prefetch 资源没生效，是写法有问题吗？

UI倩云提问于 2026-03-05 08:19:20 阅读 9

优化

我在首页加了对登录页 CSS 的 prefetch，但 Network 里根本没看到预加载请求，是不是我写错了？

已经确认资源路径是对的，直接访问能拿到。也试过把 rel=”prefetch” 放在 head 里，但还是没效果。

/* login.css */
.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: #f5f5f5;
}

prefetch 预加载策略

我来解答赞 6 收藏

反馈

1 条解答

长孙卫红 Lv1

prefetch这玩意在Chrome里默认只在空闲时加载，可能你页面太忙了没触发。我一般直接上preload，强制加载：

或者更懒的方法，直接加个JS触发：

fetch('login.css').catch(()=>{})

两个都能用，第一个更规范点

2026-03-05 09:14