如何优化Html5 App 在IOS/Android 上的性能

自己做html5 app 在移动端也不少时间了，html5 + javascript + css 将会有越来越多的人使用，跨平台的技术大潮已经到来。总结下一些经验。

1， 如果做手机端，千万不要使用jquery mobile, 因为它很垃圾！ 

Sencha touch 是一个非常好的选择。Sencha touch，但是它只支持Webkit....所以其实并非真正跨平台，因为 firefox 无法使用。。

2， 在老的设备上测试！ 你的app 在iphone5/4s 上跑的飞快，根本无差异与native... 但是到3g/3gs 上呢？你的很多优化其实都是针对这些老设备的。

3，0.3秒 mobile safari 上自设的延迟。 如果你使用click event, 那这个会是系统默认的，所以使用其他的event 去避免这个延迟，比如说touch 或者 tap

4，不要使用Text-Shadow 或者Box-Shadow 的CSS 属性，千万不要！ 他们会很慢很慢

5, 预先加载图片！Preload images 非常重要，因为你不想让用户看到你的界面一部分先显示，但是一两块地方还在loading，这一下子就降低了用户体验，所以预载图片吧。。 如何做？ 这是我们使用的代码

  <style type="text/css">

body:after{content:url('resources/images/preload1.png')url('resources/images/preaload2.png')  url('resources/images/preload3.png') ;display:none;}

</style>