删除未使用的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构建脚本