基于美团点评拼团项目的前端优化实践

发布时间：2020-04-08 20:22

【摘要】：随着Web技术的快速发展,网站逐渐从简单的静态页面发展为功能丰富的Web应用,需要加载更多的图像、脚本与样式表等资源。谷歌研究报告显示,当页面加载速度超过3秒后,53%的手机访问用户会选择跳出页面,可见页面的加载速度慢会成为用户流失的重要原因之一,性能对于网站的成功具有非常重要的意义。而雅虎的2006年的流行网站统计报告表明,从Web服务器获取HTML文档与数据并传送给浏览器所用的时间,仅占页面实际响应时间的5%到38%之间,而其余62%到95%的时间全部用在了 HTTP请求、资源加载、页面渲染与绘制等前端负责的领域内。同时,若网站的易用性差,同样会导致用户产生困惑,降低用户的使用意愿[Nielsen,1999]。本文基于工程实践中的具体项目,研究如何在前端的职责范围内,加快文档解析速度、提高页面帧率、以及提高页面易用性,以达到优化页面性能,提升用户体验的目的。本文在进入优化工作前先描述了原项目内容及遇到的主要问题,并确定页面问题的衡量指标,通过衡量指标的实际测试数据,为问题定位和优化工作的成果提供数据支持。之后从浏览器的请求响应机制与渲染原理出发,深入分析问题出现的原因,并在此基础上,从页面首次关键绘制时间、页面帧率两个方面给出网站性能的针对性优化方案,详细讲述了页面静态资源的优化方法、资源加载的控制、服务端渲染技术的运用以及帧率优化算法的研究与实现。同时,在易用性方向则从页面交互、信息展示两个方面进行优化。基于已确定的衡量指标,本文对实现了优化方案后的项目进行了测试,通过优化前后项目衡量指标的对比与分析,证明了优化方案的可行性和有效性。
【学位授予单位】：南京大学
【学位级别】：硕士
【学位授予年份】：2018
【分类号】：TP393.092

【参考文献】