加载速度、第一个请求响应时间、页面加载时间、交互动作的反馈时间、帧率FPS、异步请求完成时间 Lighthouse、Throttling 、Performance、Network、WebPageTest 标准回答 常用的性能优化指标 - Speed Index（lighthouse，速度指数） - TTFB（Network，第一个请求响应时间） - 页面加载时间 - 首次渲染 - 交互动作的反馈时间 - 帧率FPS（动画 ctrl+shift+p） - 异步请求完成时间 使用性能测量工具进行量化 - Chrome DevTools - 开发调试、性能评测 - Audit(Lighthouse) - Throttling 调整网络吞吐 - Performance 性能分析 - Network 网络加载分析 - Lighthouse - 网站整体质量评估 - 还可以提出优化建议 - WebPageTest - 测试多地点(球各地的用户访问你的网站的性能情况) - 全面性能报告（first view,repeat view,waterfall chart 等等） - WebPageTest 还可以进行本地安装，让你的应用在还没上线的时候就可以测试。 加分回答 常用的性能测量API DNS 解析耗时: domnLookupEnd - domnLookupStart TCP 连接耗时: connectEnd - connectStart SSL 安全连接耗时: connectEnd - secureConnectionStart 网络请求耗时 (TTFB): responseStart - requestStart 数据传输耗时: responseEnd - responseStart DOM 解析耗时: domInteractive - responseEnd 资源加载耗时: loadEventStart - domContentLoadedEventEnd First Byte时间: responseStart - domnLookupStart 白屏时间: responseEnd - fetchStart 首次可交互时间: domInteractive - fetchStart DOM Ready 时间: domContentLoadEventEnd - fetchStart 页面完全加载时间: loadEventStart - fetchStart http 头部大小： transferSize - encodedBodySize 重定向次数：performance.navigation.redirectCount 重定向耗时: redirectEnd - redirectStart
1、FP首屏绘制：页面开始展示的时间点-开始请求的时间点；2、FCP：首屏内容绘制；3、TTI可交互时间：domContentLoadedEventEnd - navigationStart；4、最大内容绘制LCP：可用通过PerformanceObserver来捕获；5、首次有效绘制FMP：捕获首次渲染的加载性能。 得到评估的方法： Chrome Performance选项卡 / Lighthouse 生成性能检测报告；浏览器的开发者模式
1.性能评估 Chrome Performance选项卡 / Lighthouse 生成性能检测报告 2.值得关注的性能指标(1)LCP (Largest Contentful Paint 最大内容绘制 ) (2)首屏渲染时间（也叫白屏时间） （3）FCP (Fitst Contentful Paint 首先内容绘制 ) （4）可交互时间 (Time to Interactive TTI) (5) Network请求时间(jax,js等) 3.浏览器开发者工具什么都能看得到，可以调用性能监测API 或建立 前端监控系统(无痕埋点) 4.讨论区不支持Markdown可太难受了
标签：Lighthouse,请求,哪些,性能,耗时,时间,量化,性能指标,加载 From： https://www.cnblogs.com/jycom/p/17067219.html