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
相关文章
|
6月前
|
搜索推荐 UED
从网页到应用:轻松封装网页为个人化APP
随着移动互联网的快速发展,越来越多的人希望将自己喜欢的网页内容封装成应用,以便更便捷地浏览和分享。本文将介绍如何在线生成个性化的APP,让你的网页成为一个独立的应用程序,同时提供了一些常见的工具和技术,帮助你实现这一目标。
116 0
|
6月前
|
移动开发 数据可视化 UED
从网页到应用:简易教程教你如何在线生成App
本文将介绍一种简便的方法,让您能够将网页封装成APP。通过这种技术,您可以将您的网页应用程序转化为移动应用程序,从而更好地满足用户的需求。无需编程知识,只需几个简单的步骤,即可轻松将您的网页转化为功能强大的应用程序。
|
6月前
|
搜索推荐 前端开发 JavaScript
【专栏】从网页轻松转换为应用越来越便捷
【4月更文挑战第27天】本文介绍了将网页转换为移动应用的在线生成App过程,包括原理(封装网页内容,添加移动特性)、优势(便捷高效,节省成本,快速上线)以及具体步骤(选择工具,准备内容,配置选项,生成测试,发布推广)。同时,注意版权、兼容性和用户体验问题。通过案例分析和实践经验分享,帮助读者深入了解如何通过在线工具实现App梦想,强调了网页优化、用户界面设计和个性化定制的重要性。
185 3
|
6月前
|
开发者
如何在线生成App:将网页封装成APP
在移动化的时代,许多企业和个人都希望拥有自己的移动应用程序,但是开发一款优秀的APP需要耗费大量的时间和金钱。而现在,通过在线生成App的方式,我们可以将自己的网页轻松封装成APP,从而实现快速上线。
|
6月前
|
开发框架 前端开发 Android开发
专刊:随着技术进步,未来在线生成App将有更多可能性,为移动应用开发带来便利
【4月更文挑战第27天】在数字化时代,移动App变得不可或缺,而在线生成App的技术正逐渐兴起,为开发者提供快捷创建移动应用的途径。本文探讨了网页到App的转变过程,介绍了WebView嵌入、混合式开发框架和云端打包技术等方法,以及在线生成App的步骤、优势和挑战。虽然存在性能和功能限制,但随着技术进步,未来在线生成App将有更多可能性,为移动应用开发带来便利。
73 2
|
1月前
|
安全 网络安全 Android开发
深度解析:利用Universal Links与Android App Links实现无缝网页至应用跳转的安全考量
【10月更文挑战第2天】在移动互联网时代,用户经常需要从网页无缝跳转到移动应用中。这种跳转不仅需要提供流畅的用户体验,还要确保安全性。本文将深入探讨如何利用Universal Links(仅限于iOS)和Android App Links技术实现这一目标,并分析其安全性。
240 0
|
3月前
|
开发框架 缓存 .NET
【App Service】在Azure App Service中分析.NET应用程序的性能的好帮手(Review Stack Traces)
【App Service】在Azure App Service中分析.NET应用程序的性能的好帮手(Review Stack Traces)
|
3月前
|
存储 开发框架 监控
【Azure Logic App】添加 Storage Account 来提升 Logic App 的性能
【Azure Logic App】添加 Storage Account 来提升 Logic App 的性能
|
3月前
|
缓存 前端开发 Java
【Azure 应用服务】App Service 使用Tomcat运行Java应用,如何设置前端网页缓存的相应参数呢(-Xms512m -Xmx1204m)?
【Azure 应用服务】App Service 使用Tomcat运行Java应用,如何设置前端网页缓存的相应参数呢(-Xms512m -Xmx1204m)?
|
3月前
|
Linux C#
【Azure App Service】C#下制作的网站,所有网页本地测试运行无误,发布至Azure之后,包含CHART(图表)的网页打开报错,错误消息为 Runtime Error: Server Error in '/' Application
【Azure App Service】C#下制作的网站,所有网页本地测试运行无误,发布至Azure之后,包含CHART(图表)的网页打开报错,错误消息为 Runtime Error: Server Error in '/' Application
下一篇
无影云桌面