减慢浏览器渲染速度

ddo*_*org 11 html javascript google-chrome performance-testing

有没有办法减慢浏览器DOM渲染和JS执行开发,所以我们可以看到网站的哪些部分太JS密集,在较慢的机器上可能会慢?也许Chrome/Firefox for Linux/OSX的扩展?

一些澄清:

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

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

PPS.加载虚拟机中的所有内容对我们无效.

购买力平价.在我看来,使用Javascript代码中提出的慢速代码使我的浏览器变慢并不是最好的选择.

Ooz*_*ter 5

将注释中的@ z0r转换为答案:


在Chrome中,打开devtools,然后选择Performance标签效果标签

确保Screenshots已检查

检查截图

按录制按钮(或按Ctrl+ E

做你的活动

停止录音

将鼠标悬停在时间轴上可以查看屏幕截图。 查看捕获的屏幕截图


Adr*_*uss 4

使用浏览器检查器上的时间线分析器。在这里您可以看到哪些功能会降低速度。

  • 这与我们的时代无关。我们只想慢动作地看看页面是如何构建的。 (4认同)
  • 这与函数的持续时间无关,而是与 DOM 构建有关。我们正在使用 Angular.JS。有时您会看到页面正在构建。但不总是。因此,我们希望放慢整个过程,看看哪些部分导致了“故障”。 (3认同)