基于携程旅行APP特卖汇项目的前端优化设计与实现

发布时间：2023-03-12 00:16

　　随着Web技术的不断发展,用户对互联网产品的性能提出了新的需求。网页作为与用户距离最近的部分,不再只是作为静态文件的展示平台,它提供给用户更丰富的内容和更顺畅的交互方式。据统计,每增加1秒钟的等待时间,就有一部分用户离开页面。对于企业而言,用户的流失会造成订单率的下降,从而直接影响企业的收益。为了满足用户对优质网站的需求和企业对用户转化率的需求,以携程旅游APP的特卖汇项目为基础,进行了前端性能优化。在原有项目上做测试,找出了几个突出的页面性能问题,为了更好的衡量这些问题,提出使用白屏时间、滚动帧率等指标,对问题进行定量分析,并收集优化前的指标数据;按照软件工程的要求,设计性能优化方法,对于加快首页渲染速度:提出前后端同构、Node中间层、静态资源优化、按需加载的方式,从实际上提高首页速度,设计骨架页面,从人性化方面出发,提高用户的感知速度;对于滚动流畅性的优化:设计延迟加载、节流函数和结点离线化等方法,提高长页面的滚动流畅度;对于文件更新方面,设计增量更新方法,减少不必要的文件传输。对特卖汇项目进行测试,设计了内部测试方法和线上的测试方法,利用灰度发布的形式,收集用户的使用数据,对得...

【文章页数】：72 页

【学位级别】：硕士

【文章目录】：
摘要
Abstract
1 绪论
    1.1 研究背景和意义
    1.2 国内外研究现状
    1.3 研究工作
    1.4 组织结构
2 相关技术概述
    2.1 混合APP
    2.2 React框架
    2.3 NodeJS
    2.4 Webpack
    2.5 本章小结
3 问题的分析和定位
    3.1 项目简介
    3.2 首页加载性能问题
    3.3 列表滚动性能问题
    3.4 项目文件更新问题
    3.5 本章小结
4 项目优化的设计与实现
    4.1 首页加载性能优化
    4.2 列表滚动性能优化
    4.3 项目文件更新优化
    4.4 优化结果分析
    4.5 本章小结
5 总结与展望
    5.1 全文总结
    5.2 展望
致谢
参考文献



本文编号：3760543