haizlin / fe-interview

前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),6000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……

Home Page:http://www.h-camel.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[软技能] 第147天 前端的性能统计有哪些指标?

haizhilin2013 opened this issue · comments

第147天 前端的性能统计有哪些指标?

白屏时间、首屏时间、用户可操作时间、总下载时间。
了解和合理运用 window.chromewindow.performance.timing 来进行获取。

白屏时间、首屏时间、用户可操作时间、总下载时间。
了解和合理运用 window.chromewindow.performance.timing 来进行获取。

emmmm 开发的性能也加上构建时间?~

首次渲染期间: 白屏、首屏、首次可交互时间、FMP(主要内容加载时间)、speed index(应该知道用户渲染分布区间)、自定义指标(mark & measure, 用于对性能做到更细力度的把控)
运行期间:主线程最大等待延时,long tasks,资源加载及ajax(分析哪些是应该采取缓存而没有的,哪些是应该压缩而未做的)

数据分析:

  1. 性能分布区间, 这是提现站点性能的重要指标
  2. 性能地区分布,有可能某些区域cdn失效?
  3. 页面加载瀑布图, 助力我们对站点加载的全局了解及优化