站外商详的重构与优化｜得物技术

主要观点总结

本文介绍了得物站外商详页面的重构过程，包括技术方案、一些针对性重构、重构后的数据回收等。重构后，页面性能得到了显著提升，用户体验也得到了改善。文章还提供了埋点Hook重构的详细设计和应用方法。

关键观点总结

关键观点1: 背景

站外商详与App商详体验存在差异，旧版商详性能数据不理想，决定进行重构。

关键观点2: 技术方案

采用源码搭建，提高秒开性能和用户体验，同时保证代码层面的同构开发。

关键观点3: 首屏性能保障方案

通过拆分首屏数据接口和分离首屏数据渲染和完整数据渲染，保障首屏渲染速度与风控侧的加密需求。

关键观点4: 针对性重构

识别关键模块进行针对性重构，如请求拦截器和业务埋点Hook，提高模块的可拓展性和可维护性。

关键观点5: 重构后的数据回收

重构后页面性能显著提升，用户体验改善。平均fmp和lcp等指标均有大幅度优化。业务指标也有所提升，如立即购买点击触达率提升。

关键观点6: 总结

站外商详页面重构取得了显著的性能提升，为后续功能扩展和后续的多环境集成打下了良好的技术基础。

免责声明