如何查看哪些资源缓慢加载网页加载

一个网页加载速度很慢，基本上是因为一些JavaScript导致页面加载速度变慢。我明白，如果有任何同步代码需要时间来加载，那么它可以使加载时间变慢。如何查看哪些资源缓慢加载网页加载

我的问题是，我该如何调查哪个脚本正在发生这种情况。我熟悉chrome网络调试器，但完全不知道如何找出这个脚本。如果我能找到JS文件，我该如何检查文件中的哪一部分代码让它变慢？

让我知道是否有什么不清楚。

如果您尝试使用加载时执行的操作检查页面上的资源，请在Google Chrome（F12）上打开开发人员工具，然后转到“性能”选项卡>>单击记录并重新加载该页面，然后停止并查看击穿时间明智。

您可以进入审计选项卡并开始新的审计以查看您的页面的详细性能。

或者，你可以使用谷歌的PageSpeed测试，并得到压缩资源，加快您的网页：https://developers.google.com/speed/pagespeed/insights/

或使用GTmetrix选择位置和测试您的页面：https://gtmetrix.com

在GTmetrix ，它将帮助您确定页面上每个资源（js，css，images）所用的时间，以便您可以找到并修复它。它还提供了有用的信息来解决这些问题。

单击瀑布选项卡查看每个文件/资源所用的时间。