JavaScript/CSS 文件的压缩和合并顺序是否有影响?

11
为了减少http请求数量并缩小静态文件下载,建议将单个页面使用的所有JavaScript / CSS文件进行连接和缩小。
这有区别吗? 1)缩小所有javascript文件,然后将它们连接起来;
2)将所有javascript文件连接在一起,然后再缩小它们。

4
你需要接受更多的答案。你已经提出了160多个问题并且声望很高……你应该知道得更好。 - Paul
谢谢你的提示。我总是忘记点击“接受检查”:) 我会做一个批处理来解决这个问题。 - Morgan Cheng
5个回答

3

将多个较小的文件合并成一个大文件(例如通过>>重定向),可以通过优秀的压缩工具来检测这些文件中是否存在语法错误。您可以立即看到是哪个文件出现了错误。


0

按照任何顺序完成它们都没有区别。


0

如果可以的话,请使用.SVG格式的图片,否则请使用WebP格式,对于视频请使用WebM格式,但是静态文件的顺序并不重要。


0

我认为最好的做法是在压缩之前将所有javascript文件进行拼接。


0

3
Gzip 是一种无损压缩技术,而 minify 则可以删除 JavaScript 中的不必要信息。 - Morgan Cheng
2
@Morgan,你有进行过缩小和压缩之间的实际测试吗?我做了;这是我的结果。我使用了Rialto JavaScript库,它作为一个大小为553 KB的大型非缩小js文件提供。我在http://jscompress.com/上运行了两个缩小器,文件大小分别为413 KB(JSMin)和198 KB(Packer)。我还应用了两个默认设置的压缩器,gzip(用于mod_gzip):88 KB和Deflate(用于mod_deflate):89 KB。如果您想减小下载大小,那么按照我的答案进行压缩。 - Paul
1
我对minify和gzip进行了比较。结果表明,如果文件很小(<5KB一般情况下),gzip胜过minify;而当文件足够大时,minify则胜出。由于反恶意软件和代理的存在,10%的“Accept-Encoding”头被剥离,因此非gzip内容将会被提供。所以,首选方法是:先进行minify,然后再进行压缩。 - Morgan Cheng
1
也许在某些情况下你是对的。但是,压缩和缩小后再使用gzip会确保更好的结果吗? - Morgan Cheng
1
@evan.stoddard 我不同意你的观点,因为在我的测试中得到了不同的结果。然而,正如你所指出的那样,那是很久以前的事了。自那时以来,我已经积累了更多与Web相关的代码(包括前端和后端)...事实上已经有超过6年的时间了。我不同意我的答案和我的论点,但我不会删除我的答案,因为其他人的评论中有价值。感谢你的评论,让我有机会对当时的无知发表评论! - Paul
显示剩余5条评论

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接