随着互联网与计算机的快速发展,各式各样的Web应用不断出现在人们的学习和工作生活中,Web应用的开发技术也从平淡无奇的页面浏览发展到功能齐全的交互应用。然而,随着Web应用功能需求不断增多,与用户的交互也越来越频繁,导致Web应用性能降低。性能的降低又造成用户使用满意度下降,对产品产生负面印象,从而导致用户流失,形成一个恶性循环。因此,提高Web应用性能是目前互联网公司所要面对的严峻挑战。首先,本文以教辅资料学习系统为研究目标,从页面加载性能与易用性能对该系统进行优化。在页面加载性能方面,指出系统存在的性能问题:Web页面加载时间过长。并且针对该问题进行深入的思考与探索,针对各个页面的特点,制定加载性能优化方案,利用减少打包文件体积、图片懒加载和组件化开发分别对系统前端页面的加载性能进行优化。其次,按照各个页面的优化方案进行实践,并对各个页面进行性能测试,根据页面优化前后性能测试对比结果,论证了本文页面加载性能优化实践方案的切实性与可靠性。然后,由于教辅资料学习系统的答题笔记页面是该系统最重要的页面,因此对该页面的易用性进行优化。通过内部测试并根据测试结果,调整设置页面的笔记功能和增添查询笔记的功能,方便用户进行学习,提高用户体验。接着对答题笔记页面进行易用性能优化实践,并对该页面进行AB测试,通过优化前后性能测试结果对比,论证了该易用性能优化方案的可实施性与有效性。