重复的 javascript 和 css 包括

Question

我有一个关于 javascript 包含和 css 包含的问题。如果我们两次包含不同开发人员的相同 css 或 javascript 文件会发生什么？

http://example.com/sample.css

如果再次包含相同的文件..

http://example.com/sample.css

我知道浏览器会缓存并且不会发出后续请求，但它会导致哪些其他性能问题？

Answer 1

重复的 JavaScript 和 CSS 文件会通过创建不必要的 HTTP 请求（仅限 IE）和浪费的 JavaScript 执行（IE 和 Firefox）而损害性能。

在 IE 中，如果一个外部脚本被包含两次并且不可缓存，它会在页面加载期间生成两个 HTTP 请求。即使脚本是可缓存的，当用户重新加载页面时也会出现额外的 HTTP 请求。

在 IE 和 Firefox 中，重复的 JavaScript 脚本会导致浪费时间多次评估相同的脚本。

无论脚本是否可缓存，都会发生这种冗余脚本执行。

---

有关如何加快网站加载速度的更多信息，请参阅really good article。

我在上面的答案中粘贴了有关重复 JavaScript 和 CSS 的信息。

Answer 2

对于 CSS，重复意味着必须进行两次选择器匹配，而对于匹配的规则，它们将匹配两次，因此进行样式计算的时间也会更长。