随着互联网技术的不断发展,网页展示内容越来越丰富,其处理过程也越来越复杂,最终导致页面加载过程变的越来越慢。用户希望页面内容丰富且交互顺畅,页面渲染速度是页面性能的直接体现,影响着网站的用户使用量,是影响用户体验的关键因素。针对Web前端页面存在的2个主要性能问题:页面资源的调度顺序会影响整个页面加载效率;图像过多的页面会消耗较多网络资源,造成页面加载缓慢。从页面加载过程入手,分析页面加载中的页面渲染阶段,渲染阶段包括从渲染树布局并且绘制页面。在页面渲染阶段可以通过调整队列调度顺序以及对图像比例优化实现对页面的整体性能调优。主要研究内容包括以下3个方面:(1)在页面渲染过程中会加载大量文件和图像,将每个文件或图像作为队列中的作业,通过调整队列中作业的调度顺序实现优化。优化方案将队列调度分成2个阶段:等待阶段和就绪阶段。等待阶段按照作业大小和数量分成4种不同的队列并赋予初始优先级,通过将等待时间转换成优先级权重每隔一定周期重新计算新的综合优先级,将优先级较高的作业投入到就绪阶段。就绪阶段按照先来先服务的算法调度作业。(2)针对页面中图像过多的问题,设计根据用户终端的设备类型对图像进行优化的方案。将用户设备分为若干种不同的终端设备类型,并按照图像大小分成不同类型以匹配终端设备类型,使用机器学习线性回归方法对用户反馈训练出匹配终端设备的图像比例,并将优化后的图像以及图像比例存放在服务器中。当浏览器再次发起请求时通过识别用户终端设备类型且将已经优化好的图像直接渲染到页面,可以加快页面渲染速度。(3)分析页面加载中的渲染过程,结合优化后的调度算法以及机器学习技术应用在包含大量图像的特色农产品服务平台中。在渲染树布局阶段使用优化后的调度算法,通过调整作业调度顺序提高页面渲染速度。在页面布局到绘制阶段引入机器学习技术将已经优化好的图像比例和模型存储存在当服务器中,当用户请求页面时通过识别用户设备类型取出优化后的图像比例直接渲染到页面。通过实验结果证明了此优化方案的正确性及可行性,实验结果显示优化方案可以有效降低页面渲染时间,提高页面渲染效率。