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
相关文章
|
4月前
|
移动开发 前端开发 Android开发
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
574 12
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
4月前
|
移动开发 JavaScript 应用服务中间件
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
503 5
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
4月前
|
移动开发 Rust JavaScript
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
896 4
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
4月前
|
移动开发 Android开发
【03】建立隐私关于等相关页面和内容-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【03】建立隐私关于等相关页面和内容-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
258 0
|
8月前
|
前端开发 JavaScript
病例制作app生成器,医院住院出院证明在线制作,js+css网页娱乐版
医院住院出院证明在线制作网页的完整代码实现,包含HTML、CSS和JavaScript三部分,这是一个纯前端娱乐项目。
|
搜索推荐 前端开发 JavaScript
【专栏】从网页轻松转换为应用越来越便捷
【4月更文挑战第27天】本文介绍了将网页转换为移动应用的在线生成App过程,包括原理(封装网页内容,添加移动特性)、优势(便捷高效,节省成本,快速上线)以及具体步骤(选择工具,准备内容,配置选项,生成测试,发布推广)。同时,注意版权、兼容性和用户体验问题。通过案例分析和实践经验分享,帮助读者深入了解如何通过在线工具实现App梦想,强调了网页优化、用户界面设计和个性化定制的重要性。
800 3
|
开发框架 前端开发 Android开发
专刊:随着技术进步,未来在线生成App将有更多可能性,为移动应用开发带来便利
【4月更文挑战第27天】在数字化时代,移动App变得不可或缺,而在线生成App的技术正逐渐兴起,为开发者提供快捷创建移动应用的途径。本文探讨了网页到App的转变过程,介绍了WebView嵌入、混合式开发框架和云端打包技术等方法,以及在线生成App的步骤、优势和挑战。虽然存在性能和功能限制,但随着技术进步,未来在线生成App将有更多可能性,为移动应用开发带来便利。
275 2
|
搜索推荐 开发者
熊猫比分-专业体育赛事直播app/网页搭建
体育赛事直播APP已成为体育迷观看和讨论赛事的重要渠道。其核心功能包括:1) 实时直播,支持转播、录播、回放,确保低延迟、高流畅度和优质画质;2) 比分数据分析,提供首发阵容、历史对战等信息;3) 用户互动,支持评论、打赏及私聊;4) 主播中心,允许用户申请成为主播并获平台支持。
|
安全 网络安全 Android开发
深度解析:利用Universal Links与Android App Links实现无缝网页至应用跳转的安全考量
【10月更文挑战第2天】在移动互联网时代,用户经常需要从网页无缝跳转到移动应用中。这种跳转不仅需要提供流畅的用户体验,还要确保安全性。本文将深入探讨如何利用Universal Links(仅限于iOS)和Android App Links技术实现这一目标,并分析其安全性。
2205 0
|
开发框架 缓存 .NET
【App Service】在Azure App Service中分析.NET应用程序的性能的好帮手(Review Stack Traces)
【App Service】在Azure App Service中分析.NET应用程序的性能的好帮手(Review Stack Traces)
168 0