Phonegap + JQuery应用程序：脚本需要时间来加载？

Question

我正在构建一个phonegap + JQM应用程序。我有一个loader.html，它是应用程序启动时显示的第一个文件。在这个文件中我链接了所有的js文件。这个外部js文件的加载时间比预期的要长一些，大约需要5-6秒。只有这样它才能从加载程序文件转到我的主页。这是加载文件的正确方法吗？ 我有以下几点：

<script src="js/jquery.js"></script> 
<script src="js/jquery.mobile.js"></script> 
<script src="cordova-1.8.1.js"></script> 
<script src="js/iscroll.js"></script> 
<script src="js/childbrowser.js"></script> 
<script src="js/swipe.js"></script> 
<script src="js/barcodescanner.js"></script> 
<script src="js/app.js" ></script> 
<script src="js/dbaccess.js"></script> 
<script src="js/FBConnect.js"></script> 

Answer 1

有装载脚本没有问题。你可以使用两种技术。 combine和minify以改善您的应用的性能。

COMBINE 这个是用来将多个外部文件合并为一个。它会降低 数量的请求下载脚本文件

缩小 这一项上你的JavaScript执行一些优化，以去除空白，缩短变量名并删除未使用的代码。

指为缩小工具Tool to combine multiple javascript files into one...

Answer 2

这个环节使用的JavaScript文件缩小的版本，是更好的选择来解决这个问题。

JavaScript中的缩小是从源代码中删除所有不必要的字符而不改变其功能的过程。这些不必要的字符通常包括空白字符，新行字符，注释和有时使用块分隔符，这些分隔符用于增加代码的可读性，但不需要执行。 我们有很多缩小工具在线。

JS Compress
YUI Compressor

Here是对微小免费工具列表。

注意：在缩小脚本之前，请确保每行都以分号结尾，否则可能会出现问题。