WebPageTest ::如何在加载事件后启动渲染？

Question

即使在加载事件被触发后，什么可能导致启动渲染延迟？

看看这个webpagetest result

Answer 1

如果您在没有javascript的情况下检查您测试的页面（F1＆gt;在Chrome DevTools中禁用Javascript），您可以看到大多数图片都是延迟加载的，这意味着它们是通过JS script checking if the images are in the viewport加载的。正如您所看到的，在没有JS的情况下，加载所有资产后加载时间线都很好。

对于其他资产，例如JS，您可以添加async or defer attribute来取消同步脚本加载。

最后，甚至可以在加载事件后使用窗口load事件上的附件故意加载某些脚本，以便在<script>标记被触发为{{3}时例如。

顺便说一下，你应该loadJS来更好地理解渲染和事件计时的工作方式。

read that

Answer 2

这很可能是一个错误。目前，WebPageTest上的iPhone实例已经很新了，作者仍在改进它：

  

iOS支持正在变得稳定，虽然它仍处于非常活跃的开发阶段，所以如果有一些粗糙的边缘（并且比android测试更多的限制）也不要感到惊讶。    - Patrick Meenan，2015年9月9日

Android测试更可靠。