欢迎来到天天文库
浏览记录
ID:9340282
大小:46.36 KB
页数:4页
时间:2018-04-28
《我学院:html5的页面预加载技术详解》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、学IT技能上我学院网woxueyuan.comHTML5的页面预加载技术Linkprefetch详解不管是浏览器的开发者还是普通web应用的开发者,他们都在做一个共同的努力:让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快:使用CSSsprites,使用图片优化工具,使用.htaccess设置页面头信息和缓存时间,JavaScript压缩,使用CDN等。我曾经介绍过本站上使用的一些速度优化技术。而在HTML5里,出现了一个新的用来优化网站速度的新功能:页面资源预加载/预读取(Linkprefetch)。
2、页面资源预加载/预读取(Linkprefetch)是什么?来自MDN的解释:页面资源预加载(LinkUnity3D
3、Cocos
4、php
5、HTML5
6、Java
7、ios
8、Android
9、C#
10、AS3
11、UI设计
12、原画设计
13、动漫美术
14、游戏策划学IT技能上我学院网woxueyuan.comprefetch)是浏览器提供的一个技巧,目的是让浏览器在空闲时间下载或预读取一些文档资源,用户在将来将会访问这些资源。一个Web页面可以对浏览器设置一系列的预加载指示,当浏览器加载完当前页面后,它会在后台静悄悄的加载指定的文档,并把它们存储在缓存里。当
15、用户访问到这些预加载的文档后,浏览器能快速的从缓存里提取给用户。简单说来就是:让浏览器预先加载用户访问当前页后极有可能访问的其他资源(页面,图片,视频等)。而且方法超级的简单!HTML5页面资源预加载(Linkprefetch)写法16、-content/uploads/2014/04/b-334x193.jpg"/>HTML5页面资源预加载/预读取(Linkprefetch)功能是通过Link标记实现的,将rel属性指定为“prefetch”,在href属性里指定要加载资源的地址。火狐浏览器里还提供了一种额外的属性支持:Unity3D17、Cocos18、php19、HTML520、Java21、ios22、Android23、C#24、AS325、UI设计26、原画设计27、动漫美术28、游戏策划学IT技能上我学院网woxueyuan.com29、sheet"title="DesignedforMozilla"href="mozspecific.css"/>HTTPS协议资源下也可以使用prefetch。什么情况下应该预加载页面资源在你的页面里加载什么样的资源,什么时候加载,这完全取决于你。下面是一些建议:·当页面有幻灯片类似的服务时,预加载/预读取接下来的1-3页和之前的1-3页。·预加载那些整个网站通用的图片。·预加载网站上搜索结果的下一页。禁止页面资源预加载(Linkprefetch)火狐浏览器里有一个选项30、可以禁止任何的页面资源预加载(Linkprefetch)功能,你可以这样设置:user_pref("network.prefetch-next",false);页面资源预加载(Linkprefetch)注意事项Unity3D31、Cocos32、php33、HTML534、Java35、ios36、Android37、C#38、AS339、UI设计40、原画设计41、动漫美术42、游戏策划学IT技能上我学院网woxueyuan.com下面是一些关于页面资源预加载(Linkprefetch)的注意事项:·预加载(Linkprefetch)不能跨域工作,包括跨域拉取cookies43、。·预加载(Linkprefetch)会污染你的网站访问量统计,因为有些预加载到浏览器的页面用户可能并未真正访问。·火狐浏览器从2003年开始就已经提供了对这项预加载(Linkprefetch)技术的支持。利用浏览器空闲时间加载一些额外的资源文件,这样在你浏览网页的时候速度会更快,用户体验更佳,大大的增加了网页的速度和网站的整体体验。Unity3D44、Cocos45、php46、HTML547、Java48、ios49、Android50、C#51、AS352、UI设计53、原画设计54、动漫美术55、游戏策划
16、-content/uploads/2014/04/b-334x193.jpg"/>HTML5页面资源预加载/预读取(Linkprefetch)功能是通过Link标记实现的,将rel属性指定为“prefetch”,在href属性里指定要加载资源的地址。火狐浏览器里还提供了一种额外的属性支持:Unity3D
17、Cocos
18、php
19、HTML5
20、Java
21、ios
22、Android
23、C#
24、AS3
25、UI设计
26、原画设计
27、动漫美术
28、游戏策划学IT技能上我学院网woxueyuan.com29、sheet"title="DesignedforMozilla"href="mozspecific.css"/>HTTPS协议资源下也可以使用prefetch。什么情况下应该预加载页面资源在你的页面里加载什么样的资源,什么时候加载,这完全取决于你。下面是一些建议:·当页面有幻灯片类似的服务时,预加载/预读取接下来的1-3页和之前的1-3页。·预加载那些整个网站通用的图片。·预加载网站上搜索结果的下一页。禁止页面资源预加载(Linkprefetch)火狐浏览器里有一个选项30、可以禁止任何的页面资源预加载(Linkprefetch)功能,你可以这样设置:user_pref("network.prefetch-next",false);页面资源预加载(Linkprefetch)注意事项Unity3D31、Cocos32、php33、HTML534、Java35、ios36、Android37、C#38、AS339、UI设计40、原画设计41、动漫美术42、游戏策划学IT技能上我学院网woxueyuan.com下面是一些关于页面资源预加载(Linkprefetch)的注意事项:·预加载(Linkprefetch)不能跨域工作,包括跨域拉取cookies43、。·预加载(Linkprefetch)会污染你的网站访问量统计,因为有些预加载到浏览器的页面用户可能并未真正访问。·火狐浏览器从2003年开始就已经提供了对这项预加载(Linkprefetch)技术的支持。利用浏览器空闲时间加载一些额外的资源文件,这样在你浏览网页的时候速度会更快,用户体验更佳,大大的增加了网页的速度和网站的整体体验。Unity3D44、Cocos45、php46、HTML547、Java48、ios49、Android50、C#51、AS352、UI设计53、原画设计54、动漫美术55、游戏策划
29、sheet"title="DesignedforMozilla"href="mozspecific.css"/>HTTPS协议资源下也可以使用prefetch。什么情况下应该预加载页面资源在你的页面里加载什么样的资源,什么时候加载,这完全取决于你。下面是一些建议:·当页面有幻灯片类似的服务时,预加载/预读取接下来的1-3页和之前的1-3页。·预加载那些整个网站通用的图片。·预加载网站上搜索结果的下一页。禁止页面资源预加载(Linkprefetch)火狐浏览器里有一个选项
30、可以禁止任何的页面资源预加载(Linkprefetch)功能,你可以这样设置:user_pref("network.prefetch-next",false);页面资源预加载(Linkprefetch)注意事项Unity3D
31、Cocos
32、php
33、HTML5
34、Java
35、ios
36、Android
37、C#
38、AS3
39、UI设计
40、原画设计
41、动漫美术
42、游戏策划学IT技能上我学院网woxueyuan.com下面是一些关于页面资源预加载(Linkprefetch)的注意事项:·预加载(Linkprefetch)不能跨域工作,包括跨域拉取cookies
43、。·预加载(Linkprefetch)会污染你的网站访问量统计,因为有些预加载到浏览器的页面用户可能并未真正访问。·火狐浏览器从2003年开始就已经提供了对这项预加载(Linkprefetch)技术的支持。利用浏览器空闲时间加载一些额外的资源文件,这样在你浏览网页的时候速度会更快,用户体验更佳,大大的增加了网页的速度和网站的整体体验。Unity3D
44、Cocos
45、php
46、HTML5
47、Java
48、ios
49、Android
50、C#
51、AS3
52、UI设计
53、原画设计
54、动漫美术
55、游戏策划
此文档下载收益归作者所有