重复的javascript和css包括

Question

我有关于javascript include和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，复制意味着必须完成两次选择器匹配，对于匹配的规则，它们将匹配两次，因此进行样式计算的时间也会更长。