javascript 和 css 加载

Question

我想知道，如果我有，比如说在一个页面上包含 6 个 javascript 并且在同一页面上也包含 4-5 个 css，如果我创建一个文件或也许两个并将它们附加在一起而不是一堆？

Answer 1

是的。它会以更少的文件获得更好的性能。

这有几个原因，我相信其他人会插话，因为我不会一一列举。

1. 除了文件大小之外，请求中还有开销，例如请求本身、 header 、cookie(如果已发送)等。即使在许多缓存场景中，浏览器也会发送请求以查看文件是否已被修改。当然，适当的 header /服务器配置可以帮助解决这个问题。

2. 默认情况下，浏览器同时打开给定域的连接数是有限的。我相信 IE 有 2 个而 firefox 有 4 个(我可能弄错了数字)。无论如何，重点是，如果您有 10 张图片、5 个 js 文件和 2 个 css 文件，那就是 17 个元素需要下载，同时只有少数会完成，其余的只是排队。

我知道这些是含糊和简单的解释，但我希望它能让您走上正确的道路。