删除未使用的jQuery Mobile元素?

时间:2011-07-05 11:42:18

标签: jquery jquery-mobile

我正在使用jQuery Mobile beta。与之合作非常有趣,但在3G连接上它仍然很慢。

需要以下文件:

http://code.jquery.com/jquery-1.6.1.min.js (89KB)
http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js (65KB)
http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css (41KB)

这些都高于25KB iPhone缓存限制,即使使用缓存清单,也意味着该网站第一次渲染的速度非常慢。

不是非常慢,但足以令人不愉快(是的,我知道“慢”是主观的,但UI开发中的一切都是如此)。

有没有人想出一种方法来减少这些文件的大小 - jQuery的未使用位,或者删除部分CSS文件的方法,具体取决于实际使用的是哪些元素?

非常感谢。

4 个答案:

答案 0 :(得分:1)

没有办法让这个过程自动化。如果你想去除没有被使用的东西你必须自己做。但是你的收益将是微乎其微的。任何一个你都不会达到25kb。

使用html5缓存清单在本地存储文件,正如您所说,只有第一次加载会更慢。没办法。

答案 1 :(得分:1)

我知道这是一个老问题,但无论如何都是这样:您可以使用jquerymobile“download-builder”来创建只包含您需要的组件的自定义构建!

答案 2 :(得分:0)

来自here

  

(...)专门为其设计的网页   iPhone应该减小尺寸   每个组件为25千字节或更少   以获得最佳缓存行为。

因此,这里显而易见的事情是将脚本和样式“分解”为多个小于25KB的文件。显然,你必须自己主持它们。

答案 3 :(得分:0)

您可以从github获取整个构建设置,删除您不需要删除清单的窗口小部件然后构建它。

在Linux上 - 只需使用make

在Windows上 - 您必须运行PHP构建脚本