×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

专业的APP开发对于预加载功能处理的步骤

文章编辑:网站建设 文章来源:APP开发 浏览量:

  专业的APP开发对于预加载功能处理的步骤,深圳APP开发公司提醒预加载对于用户体验非常重要,有时我们能够通过用户的行为统计预判出用户下一步可能进行的操作。假设我们统计出来针对某个微应用,大部分用户在首页渲染完成之后会点击列表中的第一个项目查看详情。
  那么在首页渲染完成之后,我们就可以预先加载第一个项目的部分内容,这样大部分用户就能立即看到新页面中的内容了。页面资源预加载(Linkprefetch)是浏览器提供的一个技巧,目的是让浏览器在空闲时间下载或预读取一些用户在将来将会访问的文档资源。一个Web页面可以对浏览器设置一系列的预加载指示,当浏览器加载完当前页面后,就会在后台静悄悄地加载指定的文档,并把它们存储在缓存里。当用户访问到这些预加载的文档后,浏览器能快速地从缓存里提取给用户。例如:
01 < script type=" text/ javascript" src=" script1. js" defer></ script> 02 <!-- 预加 载 整个 页面 --> 03 < link rel=" prefetch" href=" http:// www. webhek. com/ misc/ 3d- album/" />
04 <!-- 预加 载 一个 图片 --> 05 < link rel=" prefetch" href=" http:// www. webhek. com/ wordpress/ 06 wp- content/ uploads/ 2014/ 04/ b- 334x193. jpg " />
  HTML5页面资源预加载/预读取(Linkprefetch)功能是通过Link标记实现的,将rel属性指定为“prefetch”,在href属性里指定要加载资源的地址。在页面中需要加载哪些资源、何时加载,通常要根据具体页面的需求情况进行具体考虑。下面是一些建议:当页面有幻灯片类似的服务时,预加载/预读取接下来的1~3页和之前的1~3页。预加载那些整个网站通用的图片。
  预加载网站上搜索结果的下一页。与Linkprefetch对应的另一种是DNS与解析技术(DNSPrefetch)。当用户浏览网页时,浏览器会在加载网页时对网页中的域名进行解析缓存,这样在用户点击当前网页中的连接时就无须再次进行DNS的解析,减少用户等待时间,提高用户体验。通过DNSPrefetch可以提高访问的流畅性。如果要浏览器端对特定的域名进行解析,可以通过以下两种方式实现。第一种方式是通过link标签实现,例如:
01 < link rel=" dns- prefetch" href=" //api. twitter. com" />
第二种方式是通过meta标签实现,例如:
01 < meta http- equiv=" x- dns- prefetch- control" content=" on" />
设置DNS与解析的代码应当尽量写在网页的前部,起到减少DNS请求的功能。目前,DNSPrefetch的浏览器支持情况如图9.20所示。
当然,预加载方式也并不是在所有场景下都使用。一方面,需要做好充分的用户调研,掌握用户的使用习惯;另一方面,对于小部分用户而言,预加载所带来的就是不必要的流量消耗。好了,APP开发公司本文关于“专业的APP开发对于预加载功能处理的步骤”的相关APP开发制作知识就分享到这里,谢谢关注,博纳网络编辑整理。
 

当前文章链接:/construction/appkaifa/3578.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。