[性能优化] lighthouse各种指标 FCP(First Contentful Paint)等等

[zhuanghaixin]

lighthouse

以腾讯文档为例

• first paint (FP) 首次渲染 也可以用api直接获取

  window.performance.getEntriesByType('paint')

• first contentful paint (FCP) 首次内容渲染
• First meaningful paint 首次有意义的渲染
• hero element timing 页面关键元素
• Time to interactive 可交互时间

[zhuanghaixin]

参考资料 使用 Lighthouse 审查网络应用 Web性能领域常见的专业术语 如何进行 web 性能监控？