口袋E平台用户体验优化

金融保险案例ID：201411

跳跃的灵魂.｡oOＯ〇🔜

10 年经验· 中国平安人寿有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

项目描述和成就：口袋E App是平安人寿保险代理人最重要的展业销售工具，负责口袋E平台的用户体验优化，通过一系列技术和策略，成功将页面平均加载时长从895ms降至724.4ms，降低了19.1%，并实现了卓越的86.7%秒开率。
主要贡献
1、应多组前端负责人请求，协助分析各种老前端Vue项目的项目结构和运行流程，实现在开发环境每次能按需编译，将每次修改代码后编译模块从30多变成1到2个，显著提高了开发效率。
2、在项目构建过程通过webpack钩子获取每个模块html静态加载的资源列表并汇总，在app启动时native通过开启一个0像素页面实现前端资源预加载，显著提高页面加载速度。
3、通过给重要页面路由设置别名，并在构建完成后通过路由别名将相关静态资源添加到预加载列表，实现指定页面预加载更多资源的方案，提高重要页面加载速度。
4、通过webpack-bundle-analyzer分析依赖，借助splitChunk将代码拆分成多个代码块chunk，非首页资源通过动态方式加载，减少请求数量和请求大小，减少初始化加载时间，提升用户体验。
5、通过和原生开发配合，在用app包扫码后即可切换到h5调试模式的方案，解决生产环境无法方便定位问题，及时跟进解决的痛点。