如何在我的网页上找出哪个JavaScript异步调用需要很长时间才能完成?

如何在我的网页上找出哪个JavaScript异步调用需要很长时间才能完成?,javascript,wordpress,google-chrome,asynchronous,browser,Javascript,Wordpress,Google Chrome,Asynchronous,Browser,我用Wordpress建立了我的网站。它工作得很好,但是现在语法突出显示插件需要很长时间才能加载(超过一分钟)。我不是一个客户端/javascript的家伙,所以我不知道如何调试和解决这个问题。我只知道Chrome(在我的页面加载后)会在状态栏中显示: 因此,浏览器无法通过JavaScript加载某些内容。但是什么呢?有没有办法让Chrome告诉我它要连接到哪里?我试过检查,但不知道该怎么办 有人能解释一下这个问题吗?使用Chrome开发者工具,您可以测量资源加载时间 网络面板在页面上记录有关

我用Wordpress建立了我的网站。它工作得很好,但是现在语法突出显示插件需要很长时间才能加载(超过一分钟)。我不是一个客户端/javascript的家伙,所以我不知道如何调试和解决这个问题。我只知道Chrome(在我的页面加载后)会在状态栏中显示:

因此,浏览器无法通过JavaScript加载某些内容。但是什么呢?有没有办法让Chrome告诉我它要连接到哪里?我试过检查,但不知道该怎么办


有人能解释一下这个问题吗?

使用Chrome开发者工具,您可以测量资源加载时间

网络面板在页面上记录有关每个网络操作的信息,包括详细的计时数据、HTTP请求和响应头、cookie等


Chrome开发者工具网络面板的基本用法示例

  • 打开开发者工具(MacOS:Alt+Cmd+iwin:F12,Ctrl+Shift+I)
  • 打开网络面板
  • 切换禁用缓存
  • 重新加载页面(F5或通过Chrome重新加载按钮)


  • 提示:如果Chrome Developer工具处于打开状态,则长按“重新加载”按钮后,您将有额外的重新加载选项。(例如,硬加载)

    如果我们没有该网站的链接,这只不过是幸运的猜测。没有人,一定有办法调试它。客户端试图连接到的位置需要很长时间?假设您正在加载10个javascript库,哪一个是滞后的?在
    Chrome开发者工具
    中,转到
    网络
    选项卡。禁用缓存并重新加载站点。这是你的出发点。@kkreft Brow,这解决了我的问题。非常感谢你。请随便回答,我会接受的。再次感谢!