百度前端性能优化基础施介绍.PDFVIP

百度前端性能优化基础设施介绍 ⽜尧2013.08.21 About me /paleswd 不讲   Best Practices : Yahoo, Google, etc.   全流程性能优化   针对⼀个产品的具体优化 从通⽤技术的⾓度分享百度的实践 ⺫录   基础服务概览   性能数据服务   性能分析⼯具   优化实践   思考与展望 序：基础服务概览 定位 对应⽤层性能问题提供全⽅位⽀持 涵盖发现、分析、解决、效果评估四个阶段 ⽀持Web、Native展⽰层性能优化 服务介绍 ⼀ 性能数据服务 If you can’t measure it, you cant manage it. - Peter Drucker 但是，我们需要衡量什么？ Onload？ ⾸屏？ Dom Ready？ Timing？ … 核⼼指标   衡量⽤户真实体验 总加载时间 ⻚⾯可交互 加 载 核⼼功能可⽤时间 中 ⾸屏时间 ⽩屏时间 发起浏览请求 开始呈现内容 ⾸屏呈现完毕 JS操作激活 DOM Ready 加载完成 运 功能渲染耗时 ⾏ 时 发起操作 完成展现 核⼼指标   不同指标对⽤户体验的影响权重不同   ⾼：⽩屏、⾸屏   中：核⼼功能可⽤   低：Dom Ready、onload 性能体验指数 加权归一化 白屏时间 首屏时间 页面可交互 加载完成 还需要什么数据？   性能分析元数据   终端环境   浏览器   ⺴络   操作系统   机型   Navigation Timing 接⼝   ⺴络耗时分布   移动设备⽀持很差   ⻚⾯复杂度   Dom img js css html 、 、 、 、   竞品数据 数据采集   原则   相关时间很难做到绝对精确   浏览器会让未来更美好   or 全量 采样？   建议采样   20 保证 万以上样本   采集脚本是否影响性能？   JS 1.5K~2K ⻚⾯注⼊的 量：