移动开发中速度优化

使用html js开发webapp的过程中,最注重的还是对速度的优化和用户的体验;而相对于native原生的android应用,webapp轻便了很多;甚至在一些设备中的表现跟使用java语言开发的程序不分伯仲;这让我们更加坚定的选择使用前端技术来开发手机应用;下面介绍一下自己开发过程中遇到的和从其他渠道搜集总结的一些经验和大家分享,希望相互交流共同进步。

phonegap是最常用的一个用来开发webapp应用的一个框架;

1,手机应用中的click事件,在系统进行解析的时候会被赋予0.3s的延迟,所以要想加快点击操作,那就使用tap或者touch事件;

2,应用中如果引用了较多的图片资源,那么你就要想到预加载、使用css中的after伪类吧;

body::after{content:url(..) url(..) url(..) ;display:none;}

这个只适用于webkit内核解析的浏览器,对于ie;需要在进行代码适配,方法:在前面的基础上添加一个空标签

#preloadcontent{

background-image:url(..);

background-image:url(..);

width:0px;

height:0px;

display:inline;

}

<!--[if(IE 6)|(IE 7)]>

<div id="preloadcontent"></div>

<![endif]-->

3,出现闪屏

4,出现强退

5,出现连跳

6,html中的样式使用,text-shadow box-shadow都会拖慢应用的运行速度,因为这些样式需要花费很长一段时间    来进行渲染

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

      Sencha touch 是一个非常好的选择。Sencha touch,但是它只支持Webkit....所以其实并非真       正跨平台,因为 firefox 无法使用。(原因不清楚,有待对比考证)

 

你可能感兴趣的:(移动开发)