Javascript的执行时间非常慢——Chrome

Javascript execution time is very slow - Chrome

本文关键字：Chrome 非常 执行时间 Javascript      更新时间：2023-09-26

我创建的网页在单个文件中有JavaScript，但大小非常大。当我运行页面时，JavaScript在Chrome中的加载时间非常长。仅供参考：从excel工具创建的脚本文件，它有很多隐藏的字段和脚本，但使应用程序工作所需的一切。

你们有人经历过同样的事情吗？我们能为此找到什么解决方案？提前感谢。

您可以做以下几件事：
-缩小您的脚本（例如使用Google闭包编译器）
-合并脚本（减少请求数量）
-启用gzip压缩
-在body标记的末尾加载脚本
-使用CDN，防止从同一个位置加载所有脚本（大多数浏览器只能从同一位置同时加载2个文件）

看看YSlow插件和Google PageSpeed，它们在提高性能方面都非常有用。

通过一个组合和缩小它的脚本运行它。现在大多数构建系统都有这样的插件。这就是我们在构建过程中将大约1.5mb的JavaScript压缩为大约500kb的方法。

将脚本合并到尽可能少的文件中，并缩小它们。还要在页面末尾加载脚本。

chrome中不存在加载缓慢的"通用"问题。这一切都将取决于单个脚本。

您需要确定1）哪个脚本通过消除过程导致加载缓慢，然后2）脚本的哪个部分加载缓慢，您可以采取补救措施。

这可能包括缩小或代码重构。

像fiddler2这样的工具将帮助您跟踪这个时间，因为您将能够查看单个页面项目的加载时间。

Chome的审计工具可以告诉你为什么会发生这种情况，你可能应该包括更多关于的信息

  1. 连接到服务器需要多长时间
  2. 传输内容需要多长时间
  3. 你同时在那个页面上加载了多少其他内容

不管怎样，即使没有这些，这里有一个清单可以为你提高性能：

  1. 确保您的javascript被视为静态内容，例如通过nginx/apache/whathing直接或cdn，而不会影响您的应用程序框架
  2. 调查您是否可以使用CDN来提供javascript，有时甚至将不同的域名指向您的服务器也会产生积极影响，例如，代替http://example.com/blah.js->http://cdn2.example.com/blah.js
  3. 确保您的js具有正确的过期标头，不要每次客户端刷新页面时都重新下载它
  4. 打开js内容的gzipping
  5. 使用不同的可用工具缩小你的js
  6. 将脚本标记放在</body>之前
  7. 调查和清理/优化您的加载和文档。ready挂钩

您应该确定什么需要时间。FF和Chrome都有一个显示网络流量的功能。看看yslow，他们有一个很棒的火虫插件。

相关文章：