当今移动互联网已经占到整个网络流量的一半,而随着HTML5标准的出台,作为前端工程师们很有必要研究一下如何优化HTML5在移动设置上的性能表现,首先我们需要明确以下几个原则: 1、PC优化手段在Mobile侧同样适用。 2、在Mobile侧我们提出三秒种渲染完成首屏指标。 3、基于第二点,首屏加载3秒完成或使用Loading。 4、基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB。 5、Mobile侧因手机配置原因,除加载外渲染速度也是优化重点。 6、基于第五点,要合理处理代码减少渲染损耗。 7、基于第二、第五点,所有影响首屏加载和渲染的代码应在处理逻辑中后置。 8、加载完成后用户交互使用时也需注意性能。 来自:互感器特性综合测试仪http://www.haomai.net/html/zh-CN/Products/Products1/311/detail_196.htm |