首页前端开发HTMLHTML5中rel属性的prefetch预加载功能使用

HTML5中rel属性的prefetch预加载功能使用

时间2024-05-19 23:00:03发布访客分类HTML浏览83
导读:在HTML5中,有个很有用但常被忽略的特性,就是预先加载(prefetch ,它的原理是: 利用浏览器的空闲时间去先下载用户指定需要的内容,然后缓存起来,这样用户下次加载时,就直接从缓存中取出来,效率就快了. 举个例子说明:比如要预先加载某...

在HTML5中,有个很有用但常被忽略的特性,就是预先加载(prefetch),它的原理是:
利用浏览器的空闲时间去先下载用户指定需要的内容,然后缓存起来,这样用户下次加载时,就直接从缓存中取出来,效率就快了.

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

XML/HTML Code复制内容到剪贴板

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

XML/HTML Code复制内容到剪贴板

即使在不支持的浏览器,用了这个特性其实是不会出错的,只不过浏览器解析不到而已,
所以,如果你感觉能有办法预先预测到用户期望点的页面(比如用户看最新的受欢迎的热图,他 可能看了第一页后,会继续看下一页,这个时候就可以用预先加载这个特性了).比如

XML/HTML Code复制内容到剪贴板

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: HTML5中rel属性的prefetch预加载功能使用
本文地址: https://pptw.com/jishu/663743.html
HTML5实现页面切换激活的PageVisibility API使用 字中字效果的实现

游客 回复需填写必要信息