在页面加载速度方面使用外部css和js的真正好处是什么？

Question

使用外部css和js代替直接放置代码......和页面加载速度方面的真正好处是什么？

如果我们从一个header.php / aspx文件控制整个站点？ 是否使用外部文件可以加快页面加载速度？

我的问题只与页面加载速度有关。

Answer 1

在每个请求的基础上（也就是说，查看JUST一页的页面加载性能），从速度上看，实际上通过分离文件可以获得较小的性能。 但是在查看性能时，在加载使用相同JS或相同CSS的多个页面时会获得性能提升。 在这些情况下，JS / CSS的内容仅为所有请求加载一次。

虽然您没有将此问题作为问题的一部分，但它也有助于代码的可维护性。 如果您在CSS中进行了一次更改并且它在多个页面中加载，那么如果您在页面中嵌入JS / CSS，那么您必须在所有页面上进行相同的更改。

Answer 2

外部文件可以缓存，即使从多个位置引用也只需加载一次。 这通常超过首次加载资源时由一个额外请求引起的性能损失。

Answer 3

我知道你问过页面加载速度，从这个角度来看id最大的好处是说缓存是一个很大的优势，但我不会把它分成多个外部文件（因为像第一个回答说需要时间来提出请求）但是你也可以从SEO的角度获益...爬虫只会索引到页面中的某个点并保持js和css不在顶部让他们看到页面中更高的内容

我刚刚发现这篇文章，其中一个人做了测试

http://articles.sitepoint.com/article/indexing-limits-where-bots-stop

Answer 4

是的，浏览器将缓存css和js文件，因此它们只会被加载一次。