如何检查哪个资源正在缓慢加载网页

时间:2017-12-03 07:34:18

标签: javascript jquery performance google-chrome-devtools webpage

一个网页加载缓慢,这主要是因为一些javascript导致页面加载速度变慢。据我所知,如果有任何需要时间加载的同步代码,那么它可能会使加载时间变慢。

我的问题是,如何调查使这种情况发生的脚本。我熟悉chrome网络调试器但不确定如何找到这个脚本。如果我能找到JS文件,我该如何检查文件中的哪一段代码使它变慢?

如果有什么不清楚,请告诉我。

1 个答案:

答案 0 :(得分:2)

如果您尝试使用加载时执行的操作检查网页上的资源,请在Google Chrome上打开开发人员工具(F12),然后转到效果标签>>单击“记录”并重新加载页面,将其停止并明确查看故障时间。

您可以进入“审核”标签并开始新的审核,以查看网页的详细效果。

或者,您可以使用Google Pagespeed进行测试,也可以使用压缩资源来加速您的网页:https://developers.google.com/speed/pagespeed/insights/

或使用GTmetrix选择位置并测试您的网页:https://gtmetrix.com

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

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