如何在 Chrome 中测量渲染时间 1000 次？答案

【问题标题】：How to measure rendering time in Chrome 1000 times?如何在 Chrome 中测量渲染时间 1000 次？
【发布时间】：2019-03-09 23:28:39
【问题描述】：

我正在做一个概念验证，我需要在浏览器中测量一个简单网站（只是一个 HTML 文档和一个 CSS 文件）的渲染时间 1000 次。有没有一个简单明了的工具？

我知道有一些非常复杂的工具需要大量的学习曲线，但我没有整整一周的时间来修补它。我不需要其他任何东西，只需要渲染时间，就像 Chrome 的性能工具以毫秒为单位显示它一样，然后计算平均值。

如果有人能告诉我如何在 Performance 工具的（相当大的）JSON 输出中找到页面的总渲染时间，我会很高兴的。我可以让一个宏记录器整夜点击刷新按钮。虽然我想有一种方法可以从命令提示符处完成它 - 任何建议也很感激！

【问题讨论】：

【解决方案1】：

Chrome 开发工具中的“审核”选项卡允许您运行灯塔性能审核，这将为您提供 Google 定义的一些关键指标（例如交互时间）：https://developers.google.com/web/tools/lighthouse/。

您也可以从命令行运行它，这样可以更简单地根据您的场景需要重复它，甚至可以将其集成为测试：https://developers.google.com/web/tools/lighthouse/#cli

【讨论】：