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可以提高应用的效果。

<强>联合这个用于将多个外部文件合并为一个。它会减少下载脚本文件的请求数

<强>缩小这个对JavaScript执行一些优化以删除空格，缩短变量名称并删除未使用的代码。

请参阅此链接以了解缩小工具Tool to combine multiple javascript files into one...

Answer 2

使用缩小版JavaScript文件，是解决此问题的更好选择。

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

JS Compress
YUI Compressor

Here是一系列免费缩小工具。

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

Phonegap + Jquery app：脚本需要时间加载？

2 个答案: