找出渲染项目的时间

Question

我如何知道按钮在什么时间之后出现在我的网站上？

该网站使用 Angular。

我希望使用 npm lighthouse 和 user-timings 来完成这项任务，但它们仅适用于 Js。

Answer 1

使用performance全局对象或测试performance.now()。

Performance 接口提供对当前页面的性能相关信息的访问。

console.time

这个 API 真的很容易使用。只需将 console.time 放在要测量的代码之前和 console.timeEnd 之后，使用相同的字符串参数调用函数。您可以在一个页面上同时使用多达 10,000 个计时器。

精度与性能 API 相同，但这又取决于浏览器。

console.time('test');
const len = 99 ** 2;
for (let i = 0; i < len; i++) {
  Math.sqrt(i);
}
console.timeEnd('test');