基于Web前端的页面渲染性能优化

发布时间：2023-05-03 23:58

　　随着互联网技术的不断发展,网页展示内容越来越丰富,其处理过程也越来越复杂,最终导致页面加载过程变的越来越慢。用户希望页面内容丰富且交互顺畅,页面渲染速度是页面性能的直接体现,影响着网站的用户使用量,是影响用户体验的关键因素。针对Web前端页面存在的2个主要性能问题:页面资源的调度顺序会影响整个页面加载效率;图像过多的页面会消耗较多网络资源,造成页面加载缓慢。从页面加载过程入手,分析页面加载中的页面渲染阶段,渲染阶段包括从渲染树布局并且绘制页面。在页面渲染阶段可以通过调整队列调度顺序以及对图像比例优化实现对页面的整体性能调优。主要研究内容包括以下3个方面:(1)在页面渲染过程中会加载大量文件和图像,将每个文件或图像作为队列中的作业,通过调整队列中作业的调度顺序实现优化。优化方案将队列调度分成2个阶段:等待阶段和就绪阶段。等待阶段按照作业大小和数量分成4种不同的队列并赋予初始优先级,通过将等待时间转换成优先级权重每隔一定周期重新计算新的综合优先级,将优先级较高的作业投入到就绪阶段。就绪阶段按照先来先服务的算法调度作业。(2)针对页面中图像过多的问题,设计根据用户终端的设备类型对图像进行优化...

【文章页数】：51 页

【学位级别】：硕士

【文章目录】：
摘要
ABSTRACT
第1章 绪论
    1.1 研究背景及意义
    1.2 国内外研究现状
        1.2.1 国外研究现状
        1.2.2 国内研究现状
    1.3 本文研究内容
    1.4 论文组织结构
第2章 相关技术
    2.1 页面渲染过程
    2.2 大前端背景
    2.3 前端背景下的调度算法
    2.4 提高页面性能主要方式
        2.4.1 减少HTTP请求
        2.4.2 图像优化
        2.4.3 减少DOM树的操作
        2.4.4 使用缓存
    2.5 神经网络
    2.6 本章小结
第3章 基于前端页面渲染的调度算法优化
    3.1 基于多级队列调度算法的优化
        3.1.1 优化原理
        3.1.2 多级队列调度算法优化过程
        3.1.3 调度异常情况处理
    3.2 仿真实验与分析
        3.2.1 仿真实验平台
        3.2.2 实验结果分析
    3.3 本章小结
第4章 基于机器学习的Web性能优化
    4.1 网络模型
    4.2 基于机器学习的页面渲染优化
        4.2.1 Web性能优化过程
        4.2.2 分析Web请求提取图像特征
        4.2.3 处理图像数据
        4.2.4 模型的优化
    4.3 仿真实验分析
        4.3.1 仿真实验设置
        4.3.2 仿真实验结果
    4.4 本章小结
第5章 基于作业调度和机器学习的前端渲染性能优化方案应用
    5.1 系统背景
    5.2 方案设计
    5.3 方案实现
    5.4 实验平台和结果分析
    5.5 本章小结
第6章 总结与展望
    6.1 总结
    6.2 展望
参考文献
附录 攻读硕士学位期间获得的成果
致谢



本文编号：3807544