Day180:说一下平时项目是怎么优化的？优化之后是怎么度量的？首屏时间是怎么计算的？

[Genzhen]

每日一题会在下午四点在交流群集中讨论，五点小程序中更新答案 欢迎大家在下方发表自己的优质见解 二维码加载失败可点击 小程序二维码

扫描下方二维码，收藏关注，及时获取答案以及详细解析，同时可解锁800+道前端面试题。

[majunchang]

每个题 都得扫一下二维码 很不方便呀~

[Genzhen]

每个题 都得扫一下二维码 很不方便呀~

可以直接在小程序里刷题就可以了，空闲时间也可以方便在手机上直接刷题

[qzruncode]

首屏时间
  输入url到展示页面全部dom为首屏时间
  1. 第一个图片加载成功的时间 - head标签顶部记录开始时间
  2. const performanceNavigationTiming = performance.getEntries()[0]
     performanceNavigationTiming.domContentLoadedEventEnd - performanceNavigationTiming.fetchStart
  3. 查看 LightHouse 的 First Contentful Paint
白屏时间
  输入url到展示第一个dom为白屏时间
  1. head标签底部记录结束时间 - head标签顶部记录开始时间 
  2. performanceNavigationTiming.domInteractive - performanceNavigationTiming.fetchStart

[xiao-1027]

每个题 都得扫一下二维码 很不方便呀~

可以直接在小程序里刷题就可以了，空闲时间也可以方便在手机上直接刷题

二维码失效了