tt.performance.mark

收藏

我的收藏

tt.performance.mark(name)

// 创建一些标记
tt.performance && tt.performance.mark("bytedance");
tt.performance && tt.performance.mark("bytedance");
tt.performance && tt.performance.mark("toutiao");
tt.performance && tt.performance.mark("toutiao");
tt.performance && tt.performance.mark("douyin");
tt.performance && tt.performance.mark("douyin");

// 获取所有的 PerformanceMark 条目
const allEntries = tt.performance && tt.performance.getEntriesByType("mark");
console.log(allEntries.length); // 6

// 获取所有的名为 "bytedance" PerformanceMark 条目
const bytedanceEntries =
  tt.performance && tt.performance.performance.getEntriesByName("bytedance");
console.log(bytedanceEntries.length); // 2

// 删除所有标记。
tt.performance && tt.performance.clearMarks();

console.log(tt.performance && tt.performance.getEntriesByType("mark")); // 0

// 假设 FMP 依赖某个接口的数据，接口返回数据后 setData 更新页面后上报 FMP
Page({
  data: {
    pages: [],
  },
  onLoad() {
    tt.request({
      url: `${developer_api_url}`,
      success: (res) => {
        this.setData(
          {
            pages: res.data,
          },
          () => {
            // 统计 FMP
            tt.performance && tt.performance.mark("FMP");
          }
        );
      },
      fail: (err) => {},
    });
  },
});