HTML5資源预载入(Link prefetch)详尽详细介绍(给你的

日期:2020-10-12 类型:科技新闻 

关键词:ps网页版在线制作,静态网页制作方法,微云网页版,怎么制作一个网页,django网页模板

我以前详细介绍过本站上应用的1些速率提升技术性。而在HTML5里,出現了1个新的用来提升网站速率的新作用:网页页面資源预载入/预载入(Link prefetch)。

网页页面資源预载入/预载入(Link prefetch)是甚么?来自MDN的解释:

网页页面資源预载入(Link prefetch)是访问器出示的1个技能,目地是让访问器在空余時间免费下载或预载入1些文本文档資源,客户在未来可能浏览这些資源。1个Web网页页面能够对访问器设定1系列的预载入标示,当访问器载入完当今网页页面后,它会在后台管理鸦雀无声的载入特定的文本文档,并把它们储存在缓存文件里。当客户浏览到这些预载入的文本文档后,访问器能迅速的从缓存文件里提取给客户。

简易说来便是:让访问器预先载入客户浏览当今页后极有将会浏览的别的資源(网页页面,照片,视頻等)。并且方式非常的简易!

HTML5网页页面資源预载入(Link prefetch)写法

拷贝编码
编码以下:

<!-- 预载入全部网页页面 -->
<link rel="prefetch" href="https://www.jb51.net/misc/3d-album/" /></p> <p><!-- 预载入1个照片 -->
<link rel="prefetch" href=" <a href="https://www.jb51.net/wordpress/">https://www.jb51.net/wordpress/</a>
wp-content/uploads/2014/04/b⑶34x193.jpg " />

HTML5网页页面資源预载入/预载入(Link prefetch)作用是根据Link标识完成的,将rel特性特定为“prefetch”,在href特性里特定要载入資源的详细地址。火狐访问器里还出示了1种附加的特性适用:

拷贝编码
编码以下:

<link rel="prefetch alternate stylesheet"
title="Designed for Mozilla" href="mozspecific.css" _fcksavedurl=""mozspecific.css"" />
<link rel="next" href="2.html" />

HTTPS协议书資源下还可以应用prefetch。


甚么状况下应当预载入网页页面資源

在你的网页页面里载入甚么样的資源,何时载入,这彻底取决于你。下面是1些提议:

1.当网页页面有幻灯片相近的服务时,预载入/预载入接下来的1⑶页和以前的1⑶页。
2.预载入那些全部网站通用性的照片。
3.预载入网站上检索結果的下1页。

严禁网页页面資源预载入(Link prefetch)

火狐访问器里有1个选项能够严禁任何的网页页面資源预载入(Link prefetch)作用,你能够这样设定:

1.user_pref("network.prefetch-next", false);
2.网页页面資源预载入(Link prefetch)留意事项

下面是1些有关网页页面資源预载入(Link prefetch)的留意事项:

1.预载入(Link prefetch)不可以跨域工作中,包含跨域拉取cookies。
2.预载入(Link prefetch)会污染你的网站浏览量统计分析,由于一些预载入到访问器的网页页面客户将会仍未真实浏览。
3.火狐访问器从2003年刚开始就早已出示了对这项预载入(Link prefetch)技术性的适用。

运用访问器空余時间载入1些附加的資源文档,看起来是既刺激性又风险,你想试试这些技术性吗?