HTML资源链接（resourcelink）

最新推荐文章于 2022-01-14 09:10:28 发布

q269399361

最新推荐文章于 2022-01-14 09:10:28 发布

阅读量2k

点赞数

分类专栏： HTML

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

转载出自：http://www.w3cschool.cn/html/html-css-resource-link.html

在HTML5中,有个很有用但常被忽略的特性,就是预先加载(prefetch),它的原理是:

利用浏览器的空闲时间去先下载用户指定需要的内容,然后缓存起来,这样用户下次加载时,就直接从缓存中取出来,效率就快了.

目前,只有firefox和chrome支持这两个特性,chrome是在version 13后开始支持的,

safri和ie依然不支持.

举个例子说明:比如要预先加载某个页面,可以这样:

但如果是google的话,要用另外的一个名称,即:

即使在不支持的浏览器,用了这个特性其实是不会出错的,只不过浏览器解析不到而已,

所以,如果你感觉能有办法预先预测到用户期望点的页面(比如用户看最新的受欢迎的热图,他

可能看了第一页后,会继续看下一页,这个时候就可以用预先加载这个特性了).

比如

<!DOCTYPE html>

<html>
<head>
    <title></title>
    <!--google浏览器:预加载页面3-->
    <link rel="prerender" href="/HTML/3style.html" />
    <!--firefox等浏览器:预加载页面3-->
    <link rel="prefetch" href="/HTML/3style.html" />
</head>
<body>
    <a href="3style.html">style</a>
</body>
</html>

q269399361

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML资源链接（resourcelink）

在HTML5中,有个很有用但常被忽略的特性,就是预先加载(prefetch),它的原理是: 利用浏览器的空闲时间去先下载用户指定需要的内容,然后缓存起来,这样用户下次加载时,就直接从缓存中取出来,效率就快了. 目前,只有firefox和chrome支持这两个特性,chrome是在version 13后开始支持的, safri和ie依然不支持. 举个例子说明:
复制链接

扫一扫