PhoneGap app 性能研究小结（2013网页装在兜里）

这几天一直在学习PhoneGap的基本东西，就PhoneGap启动启动时候的黑屏等问题进行了一些实验，总结一下经过验

1大家有没有吧电脑上的浏览器设置为启动时候自动加载上次崩溃的页面或者上次没有关闭的页面？我测试觉得这种设置的启动速度慢，比直接启动浏览器再打开网页慢很多，尤其是火狐，启动时候在打开网页非常慢！

----每次启动PhoneGap就是启动浏览器在打开一个网页的过程，所以PhoneGap启动速度慢、黑屏是可以理解的

2PhoneGap 上的启动分3个阶段

阶段1 设备启动时间（黑屏的首要原因）

document.addEventListener("deviceready", yourCallbackFunction, false);

影响设备启动速度的原因有：1机子的配置，2页面静态html的体积，3引入css的体积，4引入js文件的体积

2页面载入时间（黑屏的次要原因）

$(document).ready(function(){// 在这里写你的代码...
});

影响页面载入的速度的原因有：1页面html的体积，2js加载阻塞的等待时间

3自己的脚本初始化界面

自己的初始化业务逻辑，代码质量和业务复杂度

可见减少黑屏时间的主要方法是减少html的体积，减少css的体积，减少js的体积，合适的时候加载资源

所以在deviceready事件之前要尽可能少的载入html、js、css；

在deviceready事件之后，按需加载html、js、css，并根据需要，采用阻塞或非阻塞的方式加载js

在移动设备上资源按需载入要比pc上重要的多，RequireJS 是按需载入资源文件做的比较好的，而且相关的插件也比较多，堪比jquery，创建者还发明了AMD规范，以前一直以为amd只是处理器。。。

注意：RequireJS 模式载入js是非阻塞、随机最快的载入方式（我感觉是随机最快。。。），如果需要排序载入，就需要调用他的order插件

http://requirejs.org/ 2.0

http://requirejs.org/docs/1.0/ 1.0

http://requirejs.org/docs/1.0/docs/api.html#order order插件

个人推荐不错的移动端js Framework（http://app-framework-software.intel.com/index.php）

demoAPI 下载 http://vdisk.weibo.com/s/uOuKu

PhoneGap app 性能研究小结（2013网页装在兜里）相关推荐

用户体验研究小结—以微信读书APP为例
**用户体验研究小结-以微信读书APP为例** 在持续使用微信读书快2年后,作为一名老用户,虽然微信读书在一直进行改版和优化,但是还是有很多体验问题想要不吐不快~下面我列举了一些自认为影响体验的不足之 ...
光伏窗性能研究（4）——中空光伏窗性能实验研究
光伏窗性能研究(1)--光伏窗介绍光伏窗性能研究(2)--光伏窗性能研究方法和过程光伏窗性能研究(3)--单层光伏窗节能性能研究光伏窗性能研究(4)--中空光伏窗性能实验研究光伏窗性能研究(5 ...
Android APP性能分析方法及工具
近期读到<Speed up your app>一文.这是一篇关于Android APP性能分析.优化的文章.在这篇文章中,作者介绍他的APP分析优化规则.使用的工具和方法.我觉得值得大家借 ...
Android APP性能优化
转载自:https://www.cnblogs.com/qwangxiao/p/8727229.html Android APP性能优化(最新总结) 导语安卓大军浩浩荡荡,发展已近十个年头,技术优化 ...
各类木材强度_层状磷酸锆/ 聚磷酸铵复合阻燃剂对木材的阻燃抑烟性能研究
Hey 你来啦记得点击蓝字一键关注新材料摘要阻燃剂的复合协同作用能够有效地提高木材阻燃和抑烟性能.采用锥形量热和热分析技术研究了层状磷酸锆/ 聚磷酸铵(α-ZrP/APP) 复合阻燃剂对杨 ...
Atitit.提升软件Web应用程序 app性能的方法原理 h5 js java c# php python android .net
Atitit.提升软件Web应用程序 app性能的方法原理 h5 js java c# php python android .net 1. 提升单例有能力的1 2. 减少工作数量2 2.1. 减少距 ...
十大技巧优化Android App性能
无论锤子还是茄子手机的不断冒出,Android系统的手机市场占有率目前来说还是最大的,因此基于Android开发的App数量也是很庞大的.那么,如何能开发出更高性能的Android App?相信是软件 ...
Android APP性能优化(一)
Android APP性能优化(最新总结) 安卓大军浩浩荡荡,发展已近十个年头,技术优化日异月新,如今Android 8.0 Oreo 都发布了,Android系统性能已经非常流畅了.但是,到了各大厂 ...
Android App性能优化十技巧
无论锤子还是茄子手机的不断冒出,Android系统的手机市场占有率目前来说还是最大的,因此基于Android开发的App数量也是很庞大的.那么,如何能开发出更高性能的Android App?相信是软件 ...

PhoneGap app 性能研究小结（2013网页装在兜里）

PhoneGap app 性能研究小结（2013网页装在兜里）相关推荐

最新文章

热门文章