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

百度前端性能优化基础设施介绍;About me;不讲 Best Practices : Yahoo, Google, etc. 全流程性能优化 针对一个产品的具体优化;目录;序：基础服务概览;定位;服务介绍;一 性能数据服务;If you can’t measure it, you cant manage it. - Peter Drucker;核心指标;核心指标;还需要什么数据？;数据采集;数据采集——难点问题;数据采集——IE下的问题;数据分析——加工成果;数据分析——计算平台;如何评价响应时间的优劣？;There are no industry standards !;Response Time 参考资料： Best Practices on Web Site Performance Optimization Response Times: The 3 Important Limits Website Response Times Acceptable Response Times How Fast Does a Website Need To Be? System Response Time and User Satisfaction;数据最佳呈现形式;性能汇总表;变化趋势图;分布区间;对外数据服务;参考资料： Steve Sounders : Moving beyond window.onload() WebPagetest Metrics Performance Monitoring：Synthetic VS RUM Benchmarking the New Front End;二 性能分析工具;工具需要支持哪些浏览器？;国内主流浏览器内核 IE8 Chrome IOS Safari;强大的 dynatrace;浏览器内置分析工具;现有工具的不足 集成困难 使用及数据解读成本高 可扩展性差;我们遇到的问题 1000+个阿拉丁如何快速评估性能 如何提供性能数据给其它平台使用 渲染瓶颈到底在哪里 ;所以，我们需要 云端性能评测服务 它可以： 对页面性能进行基本评价 给出浏览器渲染细节及瓶颈 ;Pagecheck;Pagecheck;Pagecheck;Page Timeline;Page Timeline——Hotspot;Page Timeline;三 优化实践;为什么做性能优化？;性能引发的后果;目标设定;总体思路;优化基础服务;通道一、三 业界关注很多 有工业化实现;基于MAP的资源管理方案;基于MAP的资源管理方案;基于MAP的资源管理方案;基于MAP的资源管理方案;四 思考与展望;性能和产品指标有何关联？;暂无定论 性能大幅下降，会影响产品指标 但反之并不一定成立;优化，何日到头？;定期性能重构 or 全流程性能准入;性能优化只是体验优化的一种途径 很难做到每个用户都很快 产品、浏览器、硬件都在高速迭代;移动潮流，如何应对？;现状： 卡顿、闪退是关键词 网络加载、端处理能力是瓶颈 传统Web、Single Page App、Native、WebView 群雄并起 ;路在何方？;结：要点回顾;总结;两个站点 Web Performance Today Planet Performance ;That’s All.