美团通用性能监控平台与WEB性能分析框架.pdf

美团性能分析框架和性能监控平台 美团网 王仕军 美团网 美团性能分析框架和监控平台 前端组 王仕军 不讲什么？ 业界最佳实践 结果指标：如完全加载时间，DomReady，首屏等 讲什么？ 讲什么？ 优化美团主站性能遇到的瓶颈 ？ 讲什么？ 优化美团主站性能遇到的瓶颈 ？ 如何突破这个瓶颈？成效如何？ 讲什么？ 优化美团主站性能遇到的瓶颈 ？ 如何突破这个瓶颈？成效如何？ 今天你可以带走什么 ？ 遇到瓶颈之前 我们都做了什么？ 6 我们都做了什么？ 结果指标数据采集：完全加载，DomReady ，首屏 6 我们都做了什么？ 结果指标数据采集：完全加载，DomReady ，首屏 依照“业界最佳实践”快糙猛的做了很多事情 异步化、静态化、LazyLoad、BigRender 6 我们都做了什么？ 结果指标数据采集：完全加载，DomReady ，首屏 依照“业界最佳实践”快糙猛的做了很多事情 异步化、静态化、LazyLoad、BigRender 决策多基于别人的经验（甚至拍脑袋 ）而非基于数据 6 遇到什么瓶颈？ 燃料快用尽，优化无止境 异常波动无从解释 异常波动无从解释 无法挖掘更多的优化点 无法挖掘更多的优化点 我们需要的是这个 如何突破瓶颈？ 我们到底在优化什么？ 我们到底在优化什么？ 文档生成速度？ 我们到底在优化什么？ 文档生成速度？ 资源加载速度？ 我们到底在优化什么？ 文档生成速度？ 资源加载速度？ 渲染速度？ 我们到底在优化什么？ 文档生成速度？ 资源加载速度？ 渲染速度？ 用户体验？ 主文档 主文档 核心CSS 主文档 核心CSS 首屏图片 主文档 核心CSS 首屏图片 核心JS 主文档 核心CSS 首屏图片 核心JS 其他内容 瀑布流的背后？ redirect redirect cache redirect cache dns redirect cache dns connect redirect cache dns connect send redirect cache dns connec