长按二维码,关注官方公众号
使用微信扫一扫分享到朋友圈
使用微信扫一扫进入小程序分享活动
《前端研发全流程的性能监控实践》
提到前端监控，我们最常想到的是对线上应用数据进行采集和监控，从而及时地发现缺陷。然而，随着我们对应用质量、稳定性要求越来越高，我们不再满足于现有的线上监控能力，而是发起了一次研发流程上"左移"——让质量监控覆盖更早的开发阶段。该议题主要讨论了，我们为什么要"左移"以及我们是如何进行"左移"的。
《基于定制Chromium的前端内存泄露监控分析实践》
字节跳动内部包括抖音PC、直播伴侣、抖音IM等桌面端应用都是使用定制 TTElectron 作为底层引擎，当前这些 app 稳定性最严重的问题都是内存泄露，而内存泄露除了直接导致 app 崩溃外，还会间接导致页面卡顿、交互卡顿等从而影响用户体验。
鉴于当前 Electron 框架在内存上存在指标监控不足、工具不完善的情况，TTElectron 配合抖音PC，基于字节跳动的数据中台，建设了Electron的OOM数据体系、防劣化体系、自动化压测分析能力、EDT 调试工具等，大幅降低了抖音PC的OOM率，配合数据和工具大大提升了内存泄露的排查、分析、修复效率。
茶歇&交流
《“抛弃”技术指标，构建真正意义上的用户体验评价体系》
我们的前端监控系统随着时间和技术的演进，逐渐拥有了丰富的监控功能和数据。然而功能和技术指标的膨胀也带来了一系列问题，反而增大了用户观测前端平台实际表现的难度。
在这次分享中，我们通过梳理和整合各种原始技术指标，从微观用户和宏观系统两个视角入手，重新构建了基于用户体验的前端监控评价体系，并由此在降低监控系统使用成本的同时，做到更大程度发挥各类指标和数据在度量前端的价值。
《跨端框架的性能优化实践》
跨平台开发早已是大家熟知的一种开发范式，但很多开发者依然面临着诸多困扰：
1. 新团队、新项目，该选型哪种开发框架？决策依据是什么？
2. 跨平台框架开发的App，即使采用原生渲染，为何还是感觉不够丝滑？原因是什么？如何改进解决？
《npm 包管理性能优化实践》
社区包管理器客户端以 npm、pnpm、yarn 为主，而在企业内部，往往需要在服务端建立私有源来保证安装下载速度、代码安全以及业务定制等需求场景。 本演讲主要介绍在利用且不改变社区包管理客户端行为的前提下，在服务端做到最大化的性能提升。
《前端研发全流程的性能监控实践》
《基于定制Chromium的前端内存泄露监控分析实践》
茶歇&交流
《“抛弃”技术指标，构建真正意义上的用户体验评价体系》
《跨端框架的性能优化实践》
《npm 包管理性能优化实践》
往期回顾：掘力计划系列活动
21期回顾：【掘力计划第21期】北京站·线下沙龙｜大模型的崛起：解析大语言模型的训练和应用
22期回顾：【掘力计划第22期】杭州站·线下沙龙｜聊聊前端工程化实践和未来
❤️ 报名且线下参会签到前100名用户可获得掘金社区准备的精美小礼品一份，现场发送哦～
如需交流请添加 掘金酱 企业微信，回复任一关键词 掘力计划25 或 性能专场 即可入群
海淀区北三环西路甲18号院大钟寺广场1号楼3F-lecture17
可到达13号线大钟寺站A/B口，向西步行400m米
🚩大钟寺南站，步行约20米（专216路）
🚩大钟寺站，步行约404米（87路、88路、94路、300路快车外环、315路、361路、368路内环、425路、584路、606路、658路、695路、921路、夜30路内环、夜30路外环、专168路、专216路）
🚩地铁大钟寺站，步行约276米（87路、88路、94路、315路、361路、368路内环、425路、606路、658路、695路、921路、921路快车、夜30路内环、夜30路外环、专168路）
🚩大钟寺东站，步行约510米（专168路）
打车：可终点设置为大钟寺广场1号楼东门
驾车：大钟寺1号楼停车引导（西门）
位于北三环西路联想桥南侧，沿北三环辅路由西向东行驶到北三环辅路与四道口路交会处右转直行300米，左手边可见如图示出入口，有物业安保人员在门口指引，地图软件搜索“大钟寺广场1号楼西门”导航即可。
高德会显示：大钟寺中坤广场C座西北门，百度地图：大钟寺广场1号楼西门，去东门不能停车。
😋 茶歇参考：
