移动优化移动客户端HTML5前端性能优化
随着HTML5标准的出台,作为前端工程师们很有必要研究一下如何优化HTML5在移动设置上的性能表现。首先我们需要明确以下几个原则:1. PC优化手段在Mobile侧同样适用;2. 在Mobile侧我们提出三秒种渲染完成首屏指标;3. 基于第二点,首屏加载3秒完成或使用Loading;4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB;5. Mobile侧因手机配置原因,除加载外渲染速度也是优化重点;6. 基于第五点,要合理处理代码减少渲染损耗;7. 基于第二、第五点,所有影响首屏加载和渲染的代码应在处理逻辑中后置;8. 加载完成后用户交互使用时也需注意性能。下面我们就从上面8点入手分多个方面对移动端的HTML5性能进行优化: