jquery高效且性能好

Question

我始终将效率和性能放在首位...

所以我有一个问题......哪个加载速度更快。

案例 1：

单个文件中的 1000 行代码，位于 body 标记的底部。

案例 2：

同样的1000行代码分成不同的文件就好了。

文件 1 - 200 行。

文件 2 - 200 行。

文件 3 - 200 行。

文件 4 - 200 行。

文件 5 - 200 行。

Answer 1

案例1会更快。

在每个新文件上，浏览器都会向服务器发出请求，因此需要额外的时间（大约 200 毫秒）。如果您使用单个文件，则效率更高，因为浏览器只会向服务器发出一个请求。

更多关于加速网站的信息this article。

Answer 2

案例 1 更快。

一般来说，您更愿意编写可读性强且易于维护的代码。通常你应该更喜欢这个而不是效率。

如何兼顾两者？在内部，您应该分发代码，因此易于维护。但是当你上网时，你会编写一个脚本，将所有内容放在一个文件中。

一个例子是许多 javascript 框架，例如 JQuery。有一个易于阅读和维护的版本，还有一个最小的非常压缩的版本。后来稍快但对用户很不友好。在内部，他们致力于人性化版本，然后使用脚本构建最小版本。