当前位置 : 主页 > 手机开发 > 其它 >

Hybrid中的页面加载优化

来源:互联网 收集:自由互联 发布时间:2021-06-12
了解老码农个人隐私,请看这里: http://www.koulianbing.com/?page_id=12 流行的AJAX架构都是由Browser下载一个模板,然后发起AJAX请求JSON数据,数据回来后填充模板并展现给用户。可以有这么几

了解老码农个人隐私,请看这里:http://www.koulianbing.com/?page_id=12


流行的AJAX架构都是由Browser下载一个模板,然后发起AJAX请求JSON数据,数据回来后填充模板并展现给用户。可以有这么几种优化方式

1、把AJAX请求完全放在后端完成,Browser直接加载一个静态页面。虽然很极端、很暴力,但在2G/3G环境下用户的体验可以得到很大提升。
2、合并AJAX请求。通常一个页面不同部分的数据可能来源于不同的接口,如果把这些接口的请求进行合并,既节省了流量又加快了速度。
3、把AJAX请求发起的JS代码放到<body>标签的底部。由于Browser是边解析边展示的,这样就可以把整个页面展示给用户之后再去请求数据。如果放到Header中,Browser会等待AJAX请求完成后才会进行DOM树的解析和渲染。

4、异步发起JS请求。不影响Browser主线程对DOM树的解析和渲染。


补充于2014.11.30

在Android中加载一个H5页面时,会等到所有的文本资源以及图片资源全部加载完毕之后,才会得到pageFinished事件。如果在这之前一直显示Loading的话,这样会导致H5页面的显示速度变慢,导致体验变差,可以监听loadResource事件,并在该事件发生时,去掉Loading界面,这时静态的页面其实已经渲染完成,可以看到了。

网友评论