拥有多个 HTML 页面通常使用的单独 javascript 文件是否会加快页面加载速度

Does having separate javascript files used commonly by multiple HTML pages speed up page loads?

本文关键字:是否 文件 速度 javascript 加载 HTML 拥有 常使用 单独      更新时间:2023-09-26

我有一个项目,其中应用程序中的多个视图使用了一个通用的javascript文件。

有理由相信将这个javascript文件与html分开会加快页面的加载速度吗?

如果是这样,怎么办?

如果JavaScript位于单独的文件中,浏览器可以缓存它,因此当用户访问下一个网页时,他不必再下载该文件。

当您使用内联 JavaScript 时,Web 服务器会向用户发送包含内联 JavaScript 的新网页。这清楚吗?:)

是的,确实如此。原因如下:

  • 您可以混淆javascript文件并减小其大小。这样做的另一个好处是,脚本到达客户端时更难理解。
  • 缓存相同的javascript文件,从而减少加载时间。

拥有单独的javascript文件确实还有其他好处:

    你的代码集中在一个地方,
  • 当你需要更改代码时,只更改一个地方。如果你把它嵌入到html中,你必须在所有html中改变它。
  • 仅混淆 javascript 文件并重用它。
  • 当您需要对该文件中的代码进行单元测试时,无需下载整个 html 文件。