我曾经介绍过本站上使用的一些速度优化技 术 。而在HT ML 5里，出现了一个新的用来 优化网站 速度的新功能：页面资 源 预加载/预读取(Link PR efetch)。
页面资源预加载/预读取(Link prefetch) 是什么 ？来自MDN的解释:
页面资源预加载(Link prefetch)是浏览器提供的一 个技 巧，目的是让浏览器在空闲时间下载或预读取一些文档资源，用户在将来将会访问这些资源。一个Web页面可以对浏览器设置一 系列 的预加载指示，当浏览器加载完当前页面后，它会 在后 台静悄悄的加载指定的文档，并把它们存储在缓存里。当用户访问到这些预加载的文档后，浏览器能快速的从缓存里提取给用户。
简单 说来就是：让浏览器预先加载用户访问当前页后极有可能访问的其他资源(页面，图片，视频等)。而且方法超级的简单！
HTML5页面 资源预加载(Link prefetch)写法
复制代码
代码如下:
<!-- 预加载整个页面 -->
<link rel="prefetch" hr ef="https://www.js-code .COM /misc/3d-album/" /></p>
<p><!-- 预加载一个图片 -->
<link rel="prefetch" href=" <a href="https://www.js-code.com/word Press /">https://www.js-code.com/wordpress/</a>
wp-content/uploads/2014/04/b-334x193. jpg " />
HTML5页面资源预加载/预读取(Link prefetch)功能是通过Link标记实现的，将rel属性指定为[prefetch]，在href属性里指定要加载资源的地址。 火狐浏览器 里还提供了一种额外的属性支持：
复制代码
代码如下:
<link rel="prefetch alternate stylesheet"
t IT le="Designed for Mozilla" href="mozs PE cific.css" _ fc ksavedurl=""mozspecific.css"" />
<link rel="next" href="2.html" />
HTTPS协议资源下也可以使用prefetch。
什么情况下 应该 预加载页面资源
在你的页面里加载什么样的资源，什么时候加载，这完全取决于你。下面是一些建议：
1.当页面有幻灯片类似的服务时，预加载/预读取接下来的1-3页和之前的1-3页。
2.预加载那些整个网站通用的图片。
3.预加载网站上 搜索结果 的下一页。
禁止页面资源预加载(Link prefetch)
火狐浏览器里有一个选项可以禁止任何的页面资源预加载(Link prefetch)功能，你可以这样设置：
1.user_pref("network.prefetch-next", false);
2.页面资源预加载(Link prefetch)注意 事项
下面是一些关于页面资源预加载(Link prefetch)的注意事项：
1.预加载(Link prefetch)不能跨域工作，包括跨域拉取cookies。
2.预加载(Link prefetch)会污染你的网站 访问量 统计，因为有些预加载到浏览器的页面用户可能并未真正访问。
3.火狐浏览器从2003年 开始 就已经提供了对这项预加载(Link prefetch)技术的支持。
利用 浏览器空闲时间加载一些额外的资源文件，看起来是既刺激又危险，你想试试这些技术吗？
总结
以上是 为你收集整理的 HTML5资源预加载(Link prefetch)详细介绍（给你的网页加速） 全部内容，希望文章能够帮你解决 HTML5资源预加载(Link prefetch)详细介绍（给你的网页加速） 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于HTML5资源预加载(Link prefetch)详细介绍（给你的网页加速）的详细内容...