HTML5 预加载让页面得以快速呈现_第1页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、html5 预加载让页面得以快速呈现预加载是一种扫瞄器机制，用法扫瞄器空闲时光来预先下载/加载用户接下来很可能会扫瞄的页面/资源，当用户拜访某个预加载的链接时，假如从缓存命中,页面就得以迅速展现扫瞄器厂商和开发者之间共同努力的一个方向就是让网站更快。现在已有无数广为人知的加速解决计划：css sprites(css精灵,拼图)以及图像优化,分布式配置文件(.htaccess),js/文本文件压缩，cdn加速等。 我在另一篇博文中介绍了 如何让网站更快。firefox推介一种新的网站加速策略： 链接预加载。什么是链接预加载？mdn描述如下: 预加载是一种扫瞄器机制，用法扫瞄器空闲时光来预先下载/

2、加载用户接下来很可能会扫瞄的页面/资源。页面提供应扫瞄器需要预加载的集合。扫瞄器载入当前页面完成后，将会在后台下载需要预加载的页面并添加到缓存中。当用户拜访某个预加载的链接时，假如从缓存命中,页面就得以迅速展现。 容易概述：网站按照用户分析，让扫瞄器后台下载指定页面/文档/,实现起来超easy： html5预加载标签 复制代码代码如下: 从上面的html代码可以看出，预加载用法 标签，并指定 rel="prefetch" 属性，而href属性就是需要预加载的文件路径。而mozilla还实现了一些类似的 link rel 属性: 复制代码代码如下: 备注： h

3、ttps 协议也同样支持。 何时需要预加载网站是否采纳预加载取决于你的需求，下面是一些建议：- 假如一系列的页面幻灯片一样展示，那么可以预加载前后各1至3个页面.- 加载网站内部通用的- 在搜寻结果页预加载下一页 阻挡预加载firefox 允许禁止预加载模式，代码如下： 复制代码代码如下: user_pref("network.prefetch-next", false); 注重事项关于链接预加载，有如下注重事项：- 预加载可以跨域举行，固然，哀求时cookie等信息也会被发送。- 预加载可能破坏网站统计数据，而用户并没有实际拜访。- mozilla firefox 是目前唯一支持预加载模式的扫瞄器，(200

人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论