随着互联网的普及和计算机技术的快速发展,Web应用已经成为人们日常生活中不可缺少的工具。为了满足人们的需求,Web系统业务日趋复杂化,在这种情况下,对Web网站性能要求也越来越高。对于优化Web网站性能,后台优化技术已经非常成熟,但是单一使用后台优化技术已不能满足人们的需求,为了提高Web网站性能、提升用户体验,越来越多的人开始研究Web前端优化技术。本文致力于对Web系统前端性能优化技术的研究,主要做了以下工作:1、论文首先综述了 Web系统的发展历程及Web前端所涉及的内容,其次对HTTP技术在Web前端系统的工作原理及浏览器工作机制进行了论述,最后通过分析影响Web前端性能各个因素,总结了Web前端优化技术并介绍了 Bootstrap前端框架及其优点。2、针对浏览器并发请求资源限制数较低的问题,提出了一种并发请求资源调度优化算法,该算法综合考虑文档下载完成时间和文档开始渲染时间两个指标,设计出了一种并发请求调度权值计算模型,根据计算模型对并发的多个请求进行排序,然后依据请求序列顺序发送HTTP请求。通过实验表明,与未优化的网页相比,使用该优化算法进行优化的网页能够有效降低文档下载完成时间和文档渲染开始时间。3、为了解决localStorage频繁访问性能开销问题和localStorage存储空间上限问题,提出了一个localStorage改进方案,该方案设计出了一种新的存储模型和一次性存储数据的机制,并通过缓存替换算法解决存储数据的大小超过浏览器存储空间上限的问题。通过实验证明,本方案能够提高存储性能,避免存储数据超出上限终止脚本执行。