Javascript 如何检查哪些资源使网页加载缓慢
一个网页加载缓慢，这主要是因为一些javascript使页面加载缓慢。我理解，如果有任何同步代码需要花费时间来加载，那么它会使加载时间变慢 我的问题是，我如何调查是哪个脚本导致了这种情况。我熟悉chrome网络调试器，但不知道如何找到这个脚本。如果我能找到JS文件，我如何检查文件中的哪段代码使它变慢Javascript 如何检查哪些资源使网页加载缓慢,javascript,jquery,performance,google-chrome-devtools,webpage,Javascript,Jquery,Performance,Google Chrome Devtools,Webpage,一个网页加载缓慢，这主要是因为一些javascript使页面加载缓慢。我理解，如果有任何同步代码需要花费时间来加载，那么它会使加载时间变慢 我的问题是，我如何调查是哪个脚本导致了这种情况。我熟悉chrome网络调试器，但不知道如何找到这个脚本。如果我能找到JS文件，我如何检查文件中的哪段代码使它变慢 如果有任何不清楚的地方，请告诉我。如果您试图通过加载时执行的操作检查页面上的资源，请在Google Chrome（F12）上打开开发者工具，然后转到性能选项卡>>单击录制并重新加载页面，停止页面并按
如果有任何不清楚的地方，请告诉我。如果您试图通过加载时执行的操作检查页面上的资源，请在Google Chrome（F12）上打开开发者工具，然后转到性能选项卡>>单击录制并重新加载页面，停止页面并按时间顺序查看细分 您可以进入“审核”选项卡并开始新的审核，以查看页面的详细性能 或者，您可以使用Google Pagespeed进行测试，并获取压缩资源以加速您的网页： 或者使用GTmetrix选择位置并测试页面： 在GTmetrix中，它将帮助您确定页面上每个资源（js、css、图像）所花费的时间，以便您可以找到并修复它。它还提供了修复这些问题的有用信息
单击瀑布选项卡查看每个文件/资源所用的时间。如果您试图通过加载时执行的操作检查页面上的资源，请在Google Chrome（F12）上打开开发人员工具并转到性能选项卡>>单击记录并重新加载页面，停止并按时间顺序查看细分 您可以进入“审核”选项卡并开始新的审核，以查看页面的详细性能 或者，您可以使用Google Pagespeed进行测试，并获取压缩资源以加速您的网页： 或者使用GTmetrix选择位置并测试页面： 在GTmetrix中，它将帮助您确定页面上每个资源（js、css、图像）所花费的时间，以便您可以找到并修复它。它还提供了修复这些问题的有用信息
单击瀑布选项卡查看每个文件/资源所用的时间。谢谢，如何检查javascript文件中的哪个代码段需要时间加载？因为JS文件有许多单独的代码块，其中一些代码块还请求第三方资源。找到JS文件中占用更多执行时间的确切代码段或函数的最佳方法是使用javascript计时器，或者可以使用Chrome devTool方法，如console.time（）和console.timeEnd（）.const迭代次数=1000；控制台时间（“功能1”）；对于（const i=0；i