我已经完成了关于组合 JS 和 CSS 文件的研究。当涉及到所有这些时,我仍然是一个新手,所以像 Github 和 Google 上的一些缩小和编译器这样的解释在普通英语中并没有真正的意义。
我有以下 CSS 文件:
- 引导程序
- 引导最小
- 引导响应
- 引导响应分钟
- 主要的
- 漂亮的照片
这些是我的 JS 文件:
- 引导程序
- 引导程序最小
- jQuery
- jquery.prettyPhoto
- jquery-migrate-1.2.1
- 主题
我应该使用哪种工具,如果有人可以逐步解释,那就太好了。
我已经完成了关于组合 JS 和 CSS 文件的研究。当涉及到所有这些时,我仍然是一个新手,所以像 Github 和 Google 上的一些缩小和编译器这样的解释在普通英语中并没有真正的意义。
我有以下 CSS 文件:
这些是我的 JS 文件:
我应该使用哪种工具,如果有人可以逐步解释,那就太好了。
如果您只想拥有一个大的 js 和 cs 文件,那么您可以通过一个接一个地复制和粘贴每个文件的内容来将它们组合成一个,按照您将它们包含在页面上的相同顺序。请记住,如果您在其后包含 bootstrap.min 文件,则不需要 bootstrap。这是同一个文件,只有名称中带有 .min 的文件是它的缩小版。js文件也是如此。
然后,如果您愿意...您可以运行像这样的压缩工具: http ://refresh-sf.com/yui/
并希望一切正常。
尽管合并文件很容易,但您不应该对库执行此操作。此外,在大多数情况下,您不应合并这些文件。
库往往会长时间保持不变,因此最终会被用户缓存。网站加载时间会更快。
一个好的方法是将这些库链接到第 3 方 CDN(Google、JQuery 等)。它们在负载平衡方面要好得多,这将增加您的页面加载时间。(不过,可能会有一些 DNS 查找开销)。
较大的文件往往会跳过缓存。因此,如果每个下一页调用都会再次下载库,那么拥有大文件会使您的页面显着变慢。
当然,对于您的自定义脚本加入单个文件和最小化几乎总是被推荐。