减慢浏览器渲染速度

Question

有没有办法减慢浏览器DOM渲染和JS执行以进行开发，这样我们就可以看到网站的哪些部分太过密集，而且在较慢的机器上可能会很慢？也许Chrome / Firefox for Linux / OSX的扩展名？

一些澄清：

  

它不是关于连接或测试浏览器的速度！它只是让我们的开发人员看到页面的哪些部分被缓慢渲染或者是＃34;故障＆＃34;。例如，当您使用ajax并且正在加载某些东西时，您会显示一个加载器，但是在显示加载器之后，也会显示加载的部分。我们希望以慢动作看到它。就像在做Expose时在OSX中按SHIFT一样。

PS。我确实找到了一些关于延迟互联网连接的文章，但在这种情况下这还不够。

PPS。加载虚拟机中的所有内容并不适用于我们。

PPPS。在我看来，使用Javascript code for making my browser slow down中提出的减速代码不是最佳选择。

Answer 1

使用浏览器检查器上的时间轴或个人资料> 。在这里你可以看到，什么功能降低了速度。

Answer 2

将@ z0r在评论中所说的转换为答案：

---

在Chrome中，打开devtools并选择Performance标签

确保已选中Screenshots

按下录制按钮（或按 Ctrl + E ）

做你的活动

停止录制

将鼠标悬停在时间轴上，以查看发生变化的屏幕截图。

Answer 3

被接受的答案是好的；我也使用并推荐Chrome开发工具。

替代Chrome开发工具：

多个“网站性能分析”服务提供时间表视图。运行一些互联网搜索，您会发现各种免费和付费选项。

尝试webpagetest.org

它是开源的，备受好评，并且已经运行了多年。它可能会提供与Chrome开发者工具不同的信息，或者以不同的方式对其进行访问。

在测试结果中，单击“电影胶片视图”。