上海品茶

三个皮匠报告
上海品茶
最新
合集
英文
会议
图表
入驻
付费
new
报告
报告 合集 图表

跨容器高性能的离线化方案在美团的实践和探索.pdf

编号：95533 PDF 39页 5.14MB 下载积分：VIP专享
下载报告请您先登录！

跨容器高性能的离线化方案在美团的实践和探索.pdf

1、跨容器高性能的离线化方案在美团的实践和探索于秋美团 前端技术专家现在负责智能支付部门前端之前在阿里闲鱼项目背景离线化思考&破局思路策略方案&优化方案延伸 Diff服务（Golang）容错方案&成果总结业务场景二维码支付是一种聚合支付产品，美团 线下收单产品之一，为商户提供聚合支 付的收银解决方案。并且支持多种支付方式，目前支持用户 使用微信、支付宝、美团、点评扫码 进行付款操作。特点挑战方案覆盖面广弱网环境缓存利用通道多样可控性低紧靠标准竞争激烈不能丢单兜底降级快速收银加载速度性能优化皮一下很开心离线化方案移动流行曲目网络拦截离线包鸿沟容器多样Web常规思路CookieLocalStorage

2、Application CacheIndexedDB缺陷不够完美PWA核心能力Web App ManifestService WorkerNotification API&Push APIApp SkeletonService Worker独立进程（很厉害）拦截请求（很熟悉）缓存文件（更熟悉）更新缓存（很开心）异步处理（超级爽）用户界面前端服务服务&CDN资源&数据用户界面资源&数据前端服务Service Worker第三方服务Cache Storage拦截请求资源&数据 const SUPPORT_SERVICE_WORKER=Boolean(isBrowser&(serviceWorker

3、 in navigator)&(onmessage in navigator.serviceWorker)&(IS_LOCALHOST|IS_SSL)if(SUPPORT_SERVICE_WORKER)navigator.serviceWorker.register(path,scope:scope )self.addEventListener(install,event=/初始化安装 )self.addEventListener(activate,event=/激活生效 )self.addEventListener(fetch,event=/拦截、缓存、策略 )self.addEventLi

4、stener(message,event=/通信、数据收集、缓存管理 )注册初始化激活拦截通信等拦截通过 SW缓存的资源不能是 http 下的资源，在 https 下加载 http 资源会引发 Mixed Content,导致资源不能被正常加载。如果有不能避免的 http 内容引入，尝试在 excludes 中加入 http:/。SW中GlobalScope 的 Navigator 的 UserAgent 和 封装过的Browser 的UA是不一致的cacheFirstcacheOnlycache&RefreshnetworkFirstStark DiffRevalidate总是要再发版的Di

5、ff服务增量更新CDNAPI增量更新服务请求增量更新离线化数据采集客户端（Thunder.js）更新决策数据上报分布式存储数据统计管理平台资源管理身份认证上传记录读取写入在增量更新服务的最外层有CDN进行保护 正常情况下，即使有突发流量，也会抵挡绝大部分请求API服务回源CDN如何面对海量突发流量CDNAPI计算将对外的API拆解成单独的服务 API服务保持只读，化解流量压力，使得计算服务可以专心做计算单机缓存分布式存储查询补丁文件计算服务回源请求API服务查询不到 请求计算如何面对海量突发流量CDNAPI计算以压测结果对单机QPS进行限制 对于超额流量，直接返回新文件 无论哪种结果，最终会缓

6、存在CDNdiff计算读取新文件如何面对海量突发流量CDNAPI计算上线前对增量进行预热 预热服务与主服务隔离 只共用存储线下预热工具c线上API上线前上线后预热集群线上集群计算服务如何面对海量突发流量线路故障 每一层都有单机内存Cache，减少网络故障影响存储故障 利用公司稳定存储平台而不是自建存储，避免磁盘坏道等尴尬场面使用两个不同的分布式存储平台，互为替代CDN故障 双CDN，隔离来自CDN故障的风险系统故障 CDN会缓存服务的返回，无论是否异常，避免击穿设计服务降级预案，增量系统瘫痪后请求全量文件，不影响用户使用如何容灾TairMSS互替命中解不开的劫11.3降级LocalStorag

7、e容错Diff结果拉取异常时候CDN异常时候Diff还原异常项目隔离回顾总结技术方案源码Webpack-PluginNode-UtilsNodeRollupJS-SDKSWClient业务源码Thunder-Plugin嵌入到HTML执行阶段Thunder-StateJS-Loader（2KB）初始化代码方案收益单页面上百K流量节省用户会节省流量，请求少。服务会减少一点开支，蚊子腿细也是肉100%覆盖率LS降低存在覆盖100%SW占比40%主要看自己业务的手机情况SW会上升，IOS，Android越来越好加载速度快性能提升但LS记载提升15%SW相对LS又提升22%如果本来就没有做基础优化，这个提升会更多收益叠加起来才可怕每个人心中都有一个哈姆雷特PWA意义我心中progressive是方式用户体验是核心业务收益是根本

友情提示

1、下载报告失败解决办法
2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。
3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。
4、本站报告下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。

本文（跨容器高性能的离线化方案在美团的实践和探索.pdf）为本站 （云闲） 主动上传，三个皮匠报告文库仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私，请立即通知三个皮匠报告文库（点击联系客服），我们立即给予删除！

温馨提示：如果因为网速或其他原因下载失败请重新下载，重复下载不扣分。
客服
商务合作
小程序
服务号
会员动态
会员动态 会员动态：

wei**n_...  升级为高级VIP   wei**n_... 升级为高级VIP

ji**yl  升级为高级VIP  DAN**ZD... 升级为高级VIP 

 wei**n_... 升级为至尊VIP  wei**n_...  升级为高级VIP 

wei**n_...   升级为至尊VIP  186**81... 升级为高级VIP

 wei**n_... 升级为高级VIP wei**n_...  升级为高级VIP

wei**n_...  升级为至尊VIP  wei**n_... 升级为标准VIP 

wei**n_... 升级为高级VIP  升级为至尊VIP

msl**ng 升级为高级VIP  刷** 升级为至尊VIP 

186**12...   升级为高级VIP 186**00...   升级为至尊VIP

 182**12... 升级为高级VIP 185**05...  升级为至尊VIP

 Za**ry 升级为标准VIP wei**n_...  升级为高级VIP 

183**46...  升级为高级VIP 孙** 升级为标准VIP 

 wei**n_... 升级为至尊VIP  wei**n_... 升级为高级VIP

 wei**n_...  升级为至尊VIP  微**... 升级为至尊VIP 

180**79...  升级为标准VIP  Nik**us 升级为至尊VIP 

138**86... 升级为高级VIP    wei**n_... 升级为标准VIP

 183**37... 升级为高级VIP wei**n_... 升级为标准VIP 

wei**n_... 升级为标准VIP  159**85... 升级为至尊VIP 

 137**52...  升级为高级VIP 138**81...  升级为至尊VIP 

 wei**n_... 升级为高级VIP wei**n_...  升级为标准VIP

微**... 升级为至尊VIP  136**16...  升级为标准VIP

186**15... 升级为高级VIP  139**87... 升级为至尊VIP

wei**n_... 升级为至尊VIP  137**01... 升级为标准VIP 

182**85...  升级为至尊VIP   158**05... 升级为标准VIP

 180**51... 升级为高级VIP  wei**n_...  升级为高级VIP

wei**n_... 升级为高级VIP  wei**n_...  升级为至尊VIP 

h**a  升级为高级VIP wei**n_...  升级为高级VIP 

 Ani** Y... 升级为标准VIP wei**n_...  升级为高级VIP 

wei**n_...  升级为高级VIP  微**... 升级为高级VIP

 137**22... 升级为至尊VIP 138**95... 升级为标准VIP 

159**87...  升级为高级VIP Mic**el...   升级为至尊VIP

 wei**n_... 升级为至尊VIP   wei**n_... 升级为高级VIP 

wei**n_...  升级为高级VIP  胖**... 升级为至尊VIP 

185**93...  升级为至尊VIP 186**45... 升级为高级VIP 

 156**81... 升级为高级VIP  wei**n_... 升级为高级VIP

180**85... 升级为高级VIP 太刀 升级为至尊VIP  

 135**58... 升级为标准VIP    wei**n_... 升级为至尊VIP

183**12... 升级为高级VIP   wei**n_... 升级为高级VIP

dri**o1  升级为至尊VIP 139**51...  升级为标准VIP

wei**n_...  升级为至尊VIP  wei**n_... 升级为至尊VIP

wei**n_... 升级为高级VIP 158**68...  升级为标准VIP

189**26... 升级为至尊VIP  Dav**.z 升级为高级VIP

wei**n_...  升级为标准VIP   坠**... 升级为标准VIP

微**... 升级为至尊VIP  130**26...  升级为至尊VIP

131**35... 升级为至尊VIP  138**53... 升级为至尊VIP

wei**n_...  升级为高级VIP wei**n_...  升级为标准VIP

186**17...  升级为标准VIP   151**79... 升级为标准VIP 

 wei**n_...  升级为高级VIP 雄**...  升级为高级VIP

 wei**n_... 升级为高级VIP 135**48... 升级为至尊VIP

158**58...  升级为至尊VIP  wei**n_... 升级为高级VIP