删除未使用的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文件的方法,具体取决于实际使用的是哪些元素?

非常感谢。

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

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

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

从这里 :

(…)专门为iPhone设计的网页应将每个组件的大小减小到25千字节或更小,以获得最佳缓存行为。

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

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

在linux上 – 只需使用make

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