26

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

我会理解代码运行得更快可能更快?

另外,如果是这种情况,是否有一个应用程序可以为我完成这一切?(当我说为我做这件事时,我的意思是在我的机器上创建一个目录并缩小保存 .min.js 版本的代码?还是一个文件一个简单的文件?)

提前感谢您的帮助

4

5 回答 5

27

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

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

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

而且您可能会拥有大量的 javascript,因为大多数应用程序都想“做”一些事情,而不仅仅是提供被动的 HTML 内容。

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

于 2012-05-22T14:07:55.003 回答
19

PhoneGap 代表的回答,复制自PhoneGap 社区论坛

“不一定。JavaScript 压缩对于网络性能来说是最重要的——从远程服务器请求文件的 Web 应用程序需要等待文件被下载,因此拥有较小的文件会使过程更加顺畅。

对于移动设备,尤其是 PhoneGap 应用程序而言,重要的是内存,而不是网络流量。虽然您可能会从运行缩小的 JS 文件中获得一些内存优势,但原始文件和缩小文件都被解释为相同的代码*,因此差异可以忽略不计。

在大多数情况下,缩小 JavaScript 在 PhoneGap 应用程序的优先级列表中并不重要。”

于 2012-08-15T10:30:27.377 回答
13

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

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

于 2012-05-10T10:48:04.837 回答
3

这可能有点晚了,但如果你仍然对缩小应用程序代码感兴趣,我制作了一个 NPM 包,它可以缩小你的 Javascript、CSS 和图像文件,称为cordova-minify ( https://www.npmjs.org/package /cordova 缩小)。

我的项目也在 GitHub 上,所以如果你想贡献和/或查看引擎盖下的内容,它就在那里 - https://github.com/alastairparagas/cordova-minify。它实际上是一个 Cordova Hook,它调用一些 NPM 包依赖项来进行相应的压缩。

于 2014-08-14T15:19:38.387 回答
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 包进行缩小的简单命令。

于 2019-02-27T05:11:51.920 回答