Web前端性能优化方案与实践

发布时间：2017-12-05 04:30

  本文关键词：Web前端性能优化方案与实践

  更多相关文章： Web前端性能优化 服务器端优化 HTML优化 JavaScript优化 CSS优化 图片优化 前端测试环境 TimeLine UI Thread

【摘要】：针对Web前端性能低下的问题,通过分析归纳Web中从后端到前端的B/S架构原理、浏览器缓存、浏览器的加载方式、服务器关于HTTP相关的配置等过程中一些影响前端性能优化的因素,系统地提出一个旨在提高网页加载速度、呈现速度和用户体验,整体性、通用性强的完整Web前端性能优化解决方案。该解决方案包括服务器端优化、HTML优化、Java Script优化、CSS优化、图片优化等内容。并在HTTP代理工具Fiddler搭建的512 KB慢网速下通过Speed Tracer监测UI Thread,寻找基于HTML5技术的Web移动电子商务项目"指尖点餐系统"的点餐页面前端性能中的瓶颈,根据所提出的Web前端性能优化解决方案对其进行优化实践。优化前后的Timeline以及UI Thread对比分析表明,优化后加载时间降低了82%,页面渲染降低了32%,脚本执行减少了79%。
【作者单位】： 华侨大学计算机科学与技术学院;
【基金】：国家自然科学基金项目(51305142) 华侨大学人才引进科研启动项目(12Y0347)
【分类号】：TP393.06
【正文快照】： 侨大学人才引进科研启动项目(12Y0347)。王成,讲师,主研领域:电子商务网站开发与智能计算。李少元,本科。郑黎晓,讲师。缑锦,副教授。曾梅琴,本科生。刘慧敏,本科生。0引言加载时间很大程度上影响着用户体验和网站的竞争力。据美国网上媒体报道,Google检索到的网页的加载速度

【参考文献】

中国期刊全文数据库 前4条

1 周鹏;周海鹰;左德承;李韬;;基于Spirent的Web应用性能评测[J];计算机工程;2012年24期

2 高克立;Web性能的相关技术分析和研究[J];现代电信科技;2003年11期

3 聂应高;;基于Page Speed的网站前端性能优化分析——以湖北省高校数字图书馆门户为例[J];现代图书情报技术;2009年11期

4 刘斌;;HTML5-未来网络应用的核心技术研究[J];自动化与仪器仪表;2010年04期

【共引文献】

中国期刊全文数据库 前10条

1 彭涛;杨炼;;基于移动浏览器的HTML5核心技术的研究及其应用[J];广东通信技术;2012年04期

2 李沛鸿;白东强;李营营;;基于Android的WebGIS地理定位服务[J];地理空间信息;2012年06期

3 陈立欣;;网站优化方法浅谈[J];电脑知识与技术;2013年08期

4 李沛鸿;白东强;李营营;;基于Android的WebGIS地理定位服务研究[J];测绘通报;2013年07期

5 李宝林;;浅析网站性能优化技术[J];电子设计工程;2014年02期

6 胡晶;;HTML5中Canvas与Flash的应用研究[J];办公自动化;2014年04期

7 杨毅;;浅谈网站性能提升的途径[J];计算机光盘软件与应用;2014年14期

8 胡晶;;基于HTML5的Web移动应用开发研究[J];工业控制计算机;2014年10期

9 杨娟;;基于HTML5嵌入式移动应用社区开发与实现[J];计算机光盘软件与应用;2014年17期

10 华晨;施化吉;;客户端HTML5的安全研究[J];电子设计工程;2014年22期

中国硕士学位论文全文数据库 前10条

1 卢曦;手持设备信息技术服务管理系统的设计与实现[D];中国地质大学（北京）;2011年

2 周剑华;面向大型商业网站复杂业务的IT资源监控系统的研究与开发[D];武汉科技大学;2011年

3 高洁璇;Web管理信息系统性能优化研究[D];华中科技大学;2011年

4 谢悦;生命体征远程监控系统的设计与实现[D];上海交通大学;2012年

5 魏丹;Web服务器性能与Web框架应用的研究[D];河南大学;2006年

6 曾乐涛;基于TPC-W基准的船舶电子商务系统性能测试[D];华中科技大学;2008年

7 薛建强;VLAN网络下的Web服务器安全与性能优化研究[D];中南大学;2008年

8 沈晓林;WEB服务器性能分析研究及优化方案[D];华东师范大学;2009年

9 陈杰夫;出版社电子书店系统的设计与实现[D];中山大学;2012年

10 于渊毅;关于规范卵巢上皮癌初始治疗的计算机智能诊治系统的研究[D];广西医科大学;2012年

【二级参考文献】

中国期刊全文数据库 前2条

1 范国闯,钟华,黄涛,冯玉琳;Web应用服务器研究综述[J];软件学报;2003年10期

2 蒋先海;程耕国;鲍考明;;优化EJB性能的若干方法研究[J];微计算机信息;2006年21期

中国硕士学位论文全文数据库 前2条

1 桑圣洪;WEB性能测试技术的研究[D];西北工业大学;2007年

2 丁秀兰;Web测试中性能测试工具的研究与应用[D];太原理工大学;2008年

【相似文献】

中国期刊全文数据库 前10条

1 谢晓兰,韩可轶,王林;提高Java程序性能的若干方法[J];计算机与现代化;2005年08期

2 郑小蓉;;高职学院学生信息管理系统性能优化问题分析[J];中国新技术新产品;2009年22期

3 王晓东;;浅谈计算机性能优化技术中的问题及对策[J];计算机光盘软件与应用;2014年03期

4 王玉兰;“九七”计算机系统的性能优化[J];电信技术;2002年02期

5 马晶;;信息系统中数据库的性能优化[J];科技信息;2010年14期

6 张淑坤;;工艺流程改进在告警采集系统性能优化中的应用[J];计算机光盘软件与应用;2013年02期

7 刘军,杨卫春;九七系统性能优化技术(二)[J];江西通信科技;2001年04期

8 陈苏蓉;朱晓辉;;SQL Server 2008性能优化研究[J];电脑知识与技术;2009年34期

9 靳春霞;;计算机系统性能优化研究[J];河南科技;2010年15期

10 徐跃伟;;网上购物系统的实现及性能优化[J];计算机时代;2012年01期

中国重要会议论文全文数据库 前10条

1 姚杰;;宝钢不锈钢系统数据库性能优化方案[A];中国计量协会冶金分会2007年会论文集[C];2007年

2 代桂平;殷保群;奚宏生;周亚平;;受控M／G／1排队系统的性能优化[A];第二十二届中国控制会议论文集（下）[C];2003年

3 李彦;王屹;徐继明;;ERP系统的性能优化[A];全国炼钢连铸过程自动化技术交流会论文集[C];2006年

4 赵海波;杨昭;方筝;徐振军;;燃气压缩式热泵系统全年季节性能优化[A];中国制冷学会2007学术年会论文集[C];2007年

5 高明星;;DB2数据库应用性能优化问题浅谈[A];科技、工程与经济社会协调发展——中国科协第五届青年学术年会论文集[C];2004年

6 奚宏生;唐昊;殷保群;周亚平;;Markov控制过程在紧致行动集上的性能优化[A];第二十一届中国控制会议论文集[C];2002年

7 高明星;;DB2数据库应用性能优化问题浅谈[A];铁道部信息技术中心成立30周年暨铁路运输管理信息系统（TMIS）工程全面竣工投产TMIS工程建设论文专辑（二）[C];2005年

8 高明星;;DB2数据库应用性能优化问题浅谈[A];中国铁道学会——2004年度学术活动优秀论文评奖论文集[C];2005年

9 杜劲松;李强;包劲松;;国产600MW机组循环效率试验及性能优化分析[A];2008中国可持续发展论坛论文集（3）[C];2008年

10 杜劲松;李强;包劲松;;国产600MW机组循环效率试验及性能优化分析[A];全国火电大机组（600MW级）竞赛第十二届年会论文集（上册）[C];2008年

中国重要报纸全文数据库 前5条

1 陈翔;性能优化只能救火[N];中国计算机报;2007年

2 本报记者 郭平;EMC简单高效实现私有云[N];计算机世界;2010年

3 ;安图特引入新型数据加速解决方案[N];人民邮电;2008年

4 陈洪康 郭宝群 李雪梅;浅谈VLDB性能优化与维护[N];人民邮电;2001年

5 驱动之家;加点“催化剂”引爆你的“镭”[N];中国计算机报;2002年

中国博士学位论文全文数据库 前6条

1 陈伟锋;大规模复杂过程系统的高性能优化理论与方法研究[D];浙江大学;2011年

2 李磊;分布式系统中容错机制性能优化技术研究[D];国防科学技术大学;2007年

3 贾海鹏;面向GPU计算平台的若干并行优化关键技术研究[D];中国海洋大学;2012年

4 魏丫丫;Web传输的性能优化[D];清华大学;2006年

5 何倩;P2P系统性能优化若干关键技术研究[D];北京邮电大学;2010年

6 毛宏燕;基于部分计值的服务性能优化研究[D];上海交通大学;2006年

中国硕士学位论文全文数据库 前10条

1 唐沙;工程信息管理系统的性能优化研究[D];西南交通大学;2007年

2 曹珂;教育管理软件互操作应用系统及其性能优化[D];浙江大学;2005年

3 刘，

本文编号：1253588