我学院：HTML5的页面预加载技术详解.docx_第1页
我学院：HTML5的页面预加载技术详解.docx_第2页
我学院：HTML5的页面预加载技术详解.docx_第3页
我学院：HTML5的页面预加载技术详解.docx_第4页
全文预览已结束

下载本文档

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

文档简介

学IT技能上我学院网HTML5的页面预加载技术Link prefetch详解不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用CSS sprites，使用图片优化工具，使用.htaccess设置页面头信息和缓存时间，JavaScript压缩，使用CDN等。我曾经介绍过本站上使用的一些速度优化技术。而在HTML5里，出现了一个新的用来优化网站速度的新功能：页面资源预加载/预读取(Link prefetch)。页面资源预加载/预读取(Link prefetch)是什么？来自MDN的解释:页面资源预加载(Link prefetch)是浏览器提供的一个技巧，目的是让浏览器在空闲时间下载或预读取一些文档资源，用户在将来将会访问这些资源。一个Web页面可以对浏览器设置一系列的预加载指示，当浏览器加载完当前页面后，它会在后台静悄悄的加载指定的文档，并把它们存储在缓存里。当用户访问到这些预加载的文档后，浏览器能快速的从缓存里提取给用户。简单说来就是：让浏览器预先加载用户访问当前页后极有可能访问的其他资源(页面，图片，视频等)。而且方法超级的简单！HTML5页面资源预加载(Link prefetch)写法HTML5页面资源预加载/预读取(Link prefetch)功能是通过Link标记实现的，将rel属性指定为“prefetch”，在href属性里指定要加载资源的地址。火狐浏览器里还提供了一种额外的属性支持：HTTPS协议资源下也可以使用prefetch。什么情况下应该预加载页面资源在你的页面里加载什么样的资源，什么时候加载，这完全取决于你。下面是一些建议： 当页面有幻灯片类似的服务时，预加载/预读取接下来的1-3页和之前的1-3页。 预加载那些整个网站通用的图片。 预加载网站上搜索结果的下一页。禁止页面资源预加载(Link prefetch)火狐浏览器里有一个选项可以禁止任何的页面资源预加载(Link prefetch)功能，你可以这样设置：user_pref(network.prefetch-next, false);页面资源预加载(Link prefetch)注意事项下面是一些关于页面资源预加载(Link prefetch)的注意事项： 预加载(Link prefetch)不能跨域工作，包括跨域拉取cookies。 预加载(Link prefetch)会污染你的网站访问量统计，因为有些预加载到浏览器的页面用户可能并未真正访问。 火狐浏览器从2003年开始就已经提供了对这项预加载(Link prefetch)技术的支持。利用浏览器空闲时间加载一些额外的资源文件，这样在你浏览网页的时候速度会更快，用户体验更佳，大大的增加了网页的速度和网站的整体体验。Unit
人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

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

最新文档

评论

0/150

提交评论