要加载的 js 和 css 脚本的文件大小



我知道加载javascript和css的最佳方法是将css文件连接和压缩在一起,javascript也是如此。因此,如果您需要javascript文件,则只需对服务器进行1-2次调用。但似乎发出 3 个请求,1 个用于 html 文档 1 用于 css,1 个用于 js 并不是加载网站的最佳性能方式。此外,由于您可以异步加载 js,因此您可以一次加载独立的 js 文件。只要确保您没有加载太多的 js 文件即可。

所以问题是,要加载的最佳文件数量是多少?js 和 css 文件的数量应该是多少,以便页面加载性能最高?有没有一些规则来计算它?对互联网速度有任何依赖性吗?因此,如果互联网速度很慢,我不想打开很多与服务器的连接,但最好使用一个?

这是凯尔辛普森的回答:https://stackoverflow.com/questions/12779565/comparing-popular-script-loaders-yepnope-requirejs-labjs-and-headjs/12786867#comment18314973_12786867这表明仅当JS文件大小超过100KB时才需要拆分。我真的试图找到一些有用的东西,但所有的描述都非常模糊。提前谢谢。

实际上,大多数时候只会调用一次 html 文件。默认情况下,浏览器(如果在浏览器设置和/或网页标题中未另行确定)将在第一次使用js和css文件的本地副本。

大多数浏览器每个网页最多可以保存 20 个 js/css 文件,所以这不是一个大问题。

最新更新