性能优化解决方案

前端狗

2019/09/18 发布于 技术 分类

文字内容
1. LOGO 性能优化整体解决方案
2. 性能优化整体流程
3. 为什么需要性能优化
4. 性能优化目的 用户更快的访问、使用产品的功 能
5. 性能优化需要优化些什么? 1 页面加载完成时间 (onload) 2 用户可操作时间(dom ready) 3 首屏时间 白屏时间
6. 性能优化监控方式 机器自动监控 or 用户数据上报监控
7. 建立监控建议 1. 足够的样本量 2. 支持新功能的抽样监控 3. 支持定制化监控
8. 传统性能优化方式
9. 传统优化方式 静态资源合并 B 资源位置的合适 放置 A C 充分利用缓存 Onload 添加静态域名 E D 智能加载
10. 传统优化某网站收益(onload时间)
11. 传统优化方式总结 1. 优化的成果难以得到保持 a. 产品迭代过快,新产品的上线抹杀了前期的优化成果 2. 传统的优化方式遇到瓶颈 a. 内容接入区域的资源优化不可控 b. 产品迭代过快,页面的复杂度增加。造成传统优化遇到瓶颈
12. 新型优化方式选型 bigpipe onload bigrender
13. 新型优化方式收益
14. 新型传统优化方式总结 1. 需要研发手工干预 2. 浪费研发的时间
15. 传统的性能指标问题 UV PV 提升不明显 转化率
16. ONLOAD? 军规模式
17. 产品线指标建议
18. 军规模式
19. 军规模式
20. 用户页面到达深度
21. 白屏用户流失比率
22. 性能目标调整 Text 首屏时间 性能目标 Text 用户可操作时间 Text 白屏时间
23. 监控数据
24. 自动新型优化方式技术概要
25. 自动化性能优化 自动化性能优化 对研发透明、无 需改变开发习惯 1、自动合并静 态资源 2、自动首屏优 化 3、自动化smart load
26. lazyrender lazyrender = asyn(html、css、js) + render
27. Smart Load 非首次交互的脚本、样式、图片按条 件下载、执行
28. Inline+asyncrender 白屏时间
29. Inline+asyncrender 首屏时间
30. 整站异步化 1. 异步化首页避免SPOF 2. 避免脚本的堵塞下载,渲染 3. 模块功能提前可用
31. 用户可操作时间
32. 产品性能指标提升
33. oppo案例分析 1、静态资源未开启强缓存 2、未使用多静态域名 3、静态资源未合并 4、smart load
34. Q&A Q&A