如何优化HTML5在移动设置

如何优化HTML5在移动设置上的性能表现，首先需要明确以下几个原则：

1、PC优化手段在Mobile端同样适用。

2、在Mobile侧我们提出三秒种渲染完成首屏指标。

3、基于第二点，首屏加载3秒完成或使用Loading。

4、基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB。

5、Mobile端因手机配置原因，除加载外渲染速度也是优化重点。

6、基于第五点，要合理处理代码减少渲染损耗。

7、基于第二、第五点，所有影响首屏加载和渲染的代码应在处理逻辑中后置。

8、加载完成后用户交互使用时也需注意性能。

 

接下来先看一张小抄神图：

 

之所以说是神图，是因为它基本上涵盖了所有的优化方案！非常详尽！在这里，我们针对其中几个代表性方案进行探讨：

加载优化

对于移动端的网页来说，加载过程是最为耗时的过程，可能会占到总耗时的80%时间，因此是优化的重点，当然，手机站的其他前端要素优化也是不能忽略的。