PhoneGap app 性能研究小结(2013网页装在兜里)

简介: 这几天一直在学习PhoneGap的基本东西,就PhoneGap启动启动时候的黑屏等问题进行了一些实验,总结一下经过验 1大家有没有吧电脑上的浏览器设置为启动时候自动加载上次崩溃的页面或者上次没有关闭的页面?我测试觉得这种设置的启动速度慢,比直接启动浏览器再打开网页慢很多,尤其是火狐,启动时候在打开...

这几天一直在学习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

test
相关文章
|
3月前
|
搜索推荐 UED
从网页到应用:轻松封装网页为个人化APP
随着移动互联网的快速发展,越来越多的人希望将自己喜欢的网页内容封装成应用,以便更便捷地浏览和分享。本文将介绍如何在线生成个性化的APP,让你的网页成为一个独立的应用程序,同时提供了一些常见的工具和技术,帮助你实现这一目标。
30 0
|
3月前
|
移动开发 数据可视化 UED
从网页到应用:简易教程教你如何在线生成App
本文将介绍一种简便的方法,让您能够将网页封装成APP。通过这种技术,您可以将您的网页应用程序转化为移动应用程序,从而更好地满足用户的需求。无需编程知识,只需几个简单的步骤,即可轻松将您的网页转化为功能强大的应用程序。
|
3月前
|
移动开发 数据可视化 weex
如何在线生成App:将网页封装成APP
随着移动互联网的快速发展,很多企业和个人都希望能够将自己的网页封装成APP,以便更好地适应用户的移动需求。本文将介绍一种在线生成App的方法,帮助读者实现将网页封装成APP的目标
77 0
|
3月前
|
开发者
如何在线生成App:将网页封装成APP
在移动化的时代,许多企业和个人都希望拥有自己的移动应用程序,但是开发一款优秀的APP需要耗费大量的时间和金钱。而现在,通过在线生成App的方式,我们可以将自己的网页轻松封装成APP,从而实现快速上线。
|
1月前
|
编解码 小程序 算法
短剧系统开发(网页版/APP/小程序)丨短剧系统开发运营版及源码出售
短剧系统开发功能旨在为用户提供观看、分享和交流短剧作品的平台,涉及多种功能和特性,
|
1月前
|
移动开发 负载均衡 小程序
代驾app开发丨代驾系统开发玩法详情丨代驾系统开发网页版/H5/小程序及源码部署
**司机/代驾员端**:司机可以通过APP接收订单,查看订单详情、路线和导航,提供现场服务并进行确认。
|
7月前
|
Rust 前端开发 JavaScript
用 Rust 打包网页生成很小的桌面 App
Pake 支持 Mac / Windows / Linux 系统,常用包下载、命令行一键打包、定制开发。
|
2月前
|
前端开发 开发工具 Android开发
【服务器APP】利用HBuilder X把网页打包成APP
【服务器APP】利用HBuilder X把网页打包成APP
218 0
|
3月前
|
前端开发 JavaScript 开发工具
如何将网页封装成APP:一步步教你在线生成APP
随着移动互联网的发展,APP已经成为用户获取信息和服务的主要渠道,而企业和个人也纷纷加入APP开发的行列。但对于那些没有编程技能的人来说,想要开发一个APP仍然是很困难的事情。本文将介绍一种在线生成APP的方法,将网页封装成APP,无需编程经验,只需简单操作即可生成属于自己的APP。
|
3月前
|
开发框架 编解码 移动开发
从网页到应用:探索在线生成App的方法
本文介绍了如何在线生成App,将网页封装成App的技术方法和步骤。通过使用特定的工具和框架,开发者可以将现有的网页转化为功能完善的移动应用程序,提供更好的用户体验和便捷的访问方式。
21 0

热门文章

最新文章