缩小PhoneGap App的代码?

时间:2012-05-10 10:44:55

标签: javascript html ios cordova minify

我目前正在开始构建一个PhoneGap应用程序,我知道缩小浏览器代码的优势。但是,我想知道是否值得为我的PhoneGap应用程序缩小我的HTML,JavaScript和CSS代码?

我会理解代码的运行速度可能更快吗?

此外,如果是这样的话,是否会有一个应用程序可以为我完成所有操作? (当我说对我这样做时,我的意思是在我的机器上取一个目录并缩小保存.min.js版本的代码?或者它是一个简单的文件?)

提前感谢您提供任何帮助

5 个答案:

答案 0 :(得分:27)

好好挠我的脚并称我为奶奶,但我一直在为我的phoneGap应用程序缩小javascript,它肯定会提高性能。

当然,应用程序包的大小几乎没有任何区别。因此,一旦用户下载并安装应用程序,缩小就没有真正的收获。

但每次用户运行应用时,使用缩小的javascript确实会有所作为。即使该文件是本地文件,它仍然需要加载到“浏览器”中,较小的文件加载速度更快,因此会更早开始执行。

很可能你会有很多javascript,因为大多数应用都希望“做”某些事情,而不仅仅是提供被动的HTML内容。

我正在考虑缩小phonegap.js文件本身。对此的任何想法都受到高度赞赏。

答案 1 :(得分:18)

PhoneGap代表的回复,复制自PhoneGap Community Forum

  

“不一定.JavaScript压缩对网络来说最重要   性能 - 从远程请求文件的Web应用程序   服务器需要等待文件下载,所以有一个   较小的文件使过程更顺畅。

     

移动设备的重要性,特别是PhoneGap应用程序   内存,而不是网络流量。虽然你可能会得到一些记忆   运行缩小的JS文件,原始和   minified文件被解释为相同的代码*,所以区别   可以忽略不计。

     

在大多数情况下,缩小JavaScript在优先级列表中较低   对于PhoneGap应用程序。“

答案 2 :(得分:13)

一般来说,不值得缩小PhoneGap应用程序。缩小对Web应用程序有益,因为它减少了每个请求的大小。

使用PhoneGap,所有HTML / JS / CSS都将捆绑到应用程序包(压缩顺便)中,并在应用程序安装时下载一次。所以速度不会有任何提升。

答案 3 :(得分:2)

这可能有点迟了,但如果您仍然对缩小应用程序代码感兴趣,我制作了一个NPM包来缩小您的Javascript,CSS和图像文件cordova-minify({{ 3}})。

我的项目也在GitHub上,所以如果你想贡献和/或看看底层是什么 - 那就是https://www.npmjs.org/package/cordova-minify。它实际上是一个Cordova Hook,它调用一些NPM包依赖来进行相应的压缩。

答案 4 :(得分:0)

根据我的经验,JavaScript比html / css增长得多。

从这里:https://reactjs.org/docs/add-react-to-a-website.html

  

提示:最小化JavaScript以进行生产
  在将网站部署到   生产中,请注意未精简的JavaScript可能会大大   为您的用户放慢页面速度。
  ...
  如果您的脚本没有缩小步骤,则可以通过以下一种方法进行设置。

哪个需要https://gist.github.com/gaearon/42a2ffa41b8319948f9be4076286e1f3

  

在生产中,建议最小化以下JavaScript代码:   包含在您的应用程序中。缩小可以帮助您的网站   加载速度提高了几倍,尤其是JavaScript的大小   源代码不断增长。

是的,建议缩小。
上面的第二个链接提供了有关使用terser npm软件包进行缩小的简单命令。