performance - Chrome Web 请求卡住了 8 秒

Question

问题

在 Chrome 中，我们公司的一些人在加载某些页面时遇到了缓慢的问题。我已经在 chrome 中对此进行了分析，我可以看到有一个任务在那里，并且在大约 8 秒内什么都不做:



实际请求只需要大约 24ms 即可完成请求:

.

Devtools 网络选项卡反射(reflect)了与 fiddler 相同的结果。
这种情况在过去大约 1 个月才开始发生，公司中慢慢有更多人正在经历这种情况。

其他详情

隐身模式无效。

关闭所有 chrome 窗口可以暂时修复它。

打开 chrome 的调试实例不受影响。

在请求上的事件中，加载事件之间有一个巨大的跳跃:

好像是chrome长时间打开造成的。自从大多数日子重新启动以来，我得到它的频率要低得多。
关于可能导致这种情况的任何想法？

更新

需要很长时间的请求实际上只是问题的一个症状。真正的问题是导致 DOM 卡住的问题。我已经找到它是 footer functionality of Kendo网格。如果没有设置 footerTemplate，网格将以其正常速度加载。
我们已经联系了 Telerik，但他们没有收到任何其他类似问题的报告。我还尝试删除我们计算机上的所有扩展程序、分析和防病毒程序，但没有任何变化。
唯一似乎有效的方法是将 chrome 改回旧版本。所以它似乎与 chrome 版本有关，还有一些关于 DOM 更新的东西。

Answer 1

根据您的解释和您在此处发布的屏幕截图，可能存在两个问题。

First, there could be some issue with google-analytics loading.

为了提高现代浏览器的性能，谷歌建议使用 替代异步标签 .

<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->

https://developers.google.com/analytics/devguides/collection/analyticsjs/#alternative_async_tag

我建议您将此标签放在 </body> 之前的底部标签以获得最佳性能。

Second, there could be some issue with firewall.

如果有任何请求阻止，请与您的网络管理员联系。