基于Web前端的頁(yè)面渲染性能優(yōu)化
發(fā)布時(shí)間:2023-05-03 23:58
隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展,網(wǎng)頁(yè)展示內(nèi)容越來越豐富,其處理過程也越來越復(fù)雜,最終導(dǎo)致頁(yè)面加載過程變的越來越慢。用戶希望頁(yè)面內(nèi)容豐富且交互順暢,頁(yè)面渲染速度是頁(yè)面性能的直接體現(xiàn),影響著網(wǎng)站的用戶使用量,是影響用戶體驗(yàn)的關(guān)鍵因素。針對(duì)Web前端頁(yè)面存在的2個(gè)主要性能問題:頁(yè)面資源的調(diào)度順序會(huì)影響整個(gè)頁(yè)面加載效率;圖像過多的頁(yè)面會(huì)消耗較多網(wǎng)絡(luò)資源,造成頁(yè)面加載緩慢。從頁(yè)面加載過程入手,分析頁(yè)面加載中的頁(yè)面渲染階段,渲染階段包括從渲染樹布局并且繪制頁(yè)面。在頁(yè)面渲染階段可以通過調(diào)整隊(duì)列調(diào)度順序以及對(duì)圖像比例優(yōu)化實(shí)現(xiàn)對(duì)頁(yè)面的整體性能調(diào)優(yōu)。主要研究?jī)?nèi)容包括以下3個(gè)方面:(1)在頁(yè)面渲染過程中會(huì)加載大量文件和圖像,將每個(gè)文件或圖像作為隊(duì)列中的作業(yè),通過調(diào)整隊(duì)列中作業(yè)的調(diào)度順序?qū)崿F(xiàn)優(yōu)化。優(yōu)化方案將隊(duì)列調(diào)度分成2個(gè)階段:等待階段和就緒階段。等待階段按照作業(yè)大小和數(shù)量分成4種不同的隊(duì)列并賦予初始優(yōu)先級(jí),通過將等待時(shí)間轉(zhuǎn)換成優(yōu)先級(jí)權(quán)重每隔一定周期重新計(jì)算新的綜合優(yōu)先級(jí),將優(yōu)先級(jí)較高的作業(yè)投入到就緒階段。就緒階段按照先來先服務(wù)的算法調(diào)度作業(yè)。(2)針對(duì)頁(yè)面中圖像過多的問題,設(shè)計(jì)根據(jù)用戶終端的設(shè)備類型對(duì)圖像進(jìn)行優(yōu)化...
【文章頁(yè)數(shù)】:51 頁(yè)
【學(xué)位級(jí)別】:碩士
【文章目錄】:
摘要
ABSTRACT
第1章 緒論
1.1 研究背景及意義
1.2 國(guó)內(nèi)外研究現(xiàn)狀
1.2.1 國(guó)外研究現(xiàn)狀
1.2.2 國(guó)內(nèi)研究現(xiàn)狀
1.3 本文研究?jī)?nèi)容
1.4 論文組織結(jié)構(gòu)
第2章 相關(guān)技術(shù)
2.1 頁(yè)面渲染過程
2.2 大前端背景
2.3 前端背景下的調(diào)度算法
2.4 提高頁(yè)面性能主要方式
2.4.1 減少HTTP請(qǐng)求
2.4.2 圖像優(yōu)化
2.4.3 減少DOM樹的操作
2.4.4 使用緩存
2.5 神經(jīng)網(wǎng)絡(luò)
2.6 本章小結(jié)
第3章 基于前端頁(yè)面渲染的調(diào)度算法優(yōu)化
3.1 基于多級(jí)隊(duì)列調(diào)度算法的優(yōu)化
3.1.1 優(yōu)化原理
3.1.2 多級(jí)隊(duì)列調(diào)度算法優(yōu)化過程
3.1.3 調(diào)度異常情況處理
3.2 仿真實(shí)驗(yàn)與分析
3.2.1 仿真實(shí)驗(yàn)平臺(tái)
3.2.2 實(shí)驗(yàn)結(jié)果分析
3.3 本章小結(jié)
第4章 基于機(jī)器學(xué)習(xí)的Web性能優(yōu)化
4.1 網(wǎng)絡(luò)模型
4.2 基于機(jī)器學(xué)習(xí)的頁(yè)面渲染優(yōu)化
4.2.1 Web性能優(yōu)化過程
4.2.2 分析Web請(qǐng)求提取圖像特征
4.2.3 處理圖像數(shù)據(jù)
4.2.4 模型的優(yōu)化
4.3 仿真實(shí)驗(yàn)分析
4.3.1 仿真實(shí)驗(yàn)設(shè)置
4.3.2 仿真實(shí)驗(yàn)結(jié)果
4.4 本章小結(jié)
第5章 基于作業(yè)調(diào)度和機(jī)器學(xué)習(xí)的前端渲染性能優(yōu)化方案應(yīng)用
5.1 系統(tǒng)背景
5.2 方案設(shè)計(jì)
5.3 方案實(shí)現(xiàn)
5.4 實(shí)驗(yàn)平臺(tái)和結(jié)果分析
5.5 本章小結(jié)
第6章 總結(jié)與展望
6.1 總結(jié)
6.2 展望
參考文獻(xiàn)
附錄 攻讀碩士學(xué)位期間獲得的成果
致謝
本文編號(hào):3807544
【文章頁(yè)數(shù)】:51 頁(yè)
【學(xué)位級(jí)別】:碩士
【文章目錄】:
摘要
ABSTRACT
第1章 緒論
1.1 研究背景及意義
1.2 國(guó)內(nèi)外研究現(xiàn)狀
1.2.1 國(guó)外研究現(xiàn)狀
1.2.2 國(guó)內(nèi)研究現(xiàn)狀
1.3 本文研究?jī)?nèi)容
1.4 論文組織結(jié)構(gòu)
第2章 相關(guān)技術(shù)
2.1 頁(yè)面渲染過程
2.2 大前端背景
2.3 前端背景下的調(diào)度算法
2.4 提高頁(yè)面性能主要方式
2.4.1 減少HTTP請(qǐng)求
2.4.2 圖像優(yōu)化
2.4.3 減少DOM樹的操作
2.4.4 使用緩存
2.5 神經(jīng)網(wǎng)絡(luò)
2.6 本章小結(jié)
第3章 基于前端頁(yè)面渲染的調(diào)度算法優(yōu)化
3.1 基于多級(jí)隊(duì)列調(diào)度算法的優(yōu)化
3.1.1 優(yōu)化原理
3.1.2 多級(jí)隊(duì)列調(diào)度算法優(yōu)化過程
3.1.3 調(diào)度異常情況處理
3.2 仿真實(shí)驗(yàn)與分析
3.2.1 仿真實(shí)驗(yàn)平臺(tái)
3.2.2 實(shí)驗(yàn)結(jié)果分析
3.3 本章小結(jié)
第4章 基于機(jī)器學(xué)習(xí)的Web性能優(yōu)化
4.1 網(wǎng)絡(luò)模型
4.2 基于機(jī)器學(xué)習(xí)的頁(yè)面渲染優(yōu)化
4.2.1 Web性能優(yōu)化過程
4.2.2 分析Web請(qǐng)求提取圖像特征
4.2.3 處理圖像數(shù)據(jù)
4.2.4 模型的優(yōu)化
4.3 仿真實(shí)驗(yàn)分析
4.3.1 仿真實(shí)驗(yàn)設(shè)置
4.3.2 仿真實(shí)驗(yàn)結(jié)果
4.4 本章小結(jié)
第5章 基于作業(yè)調(diào)度和機(jī)器學(xué)習(xí)的前端渲染性能優(yōu)化方案應(yīng)用
5.1 系統(tǒng)背景
5.2 方案設(shè)計(jì)
5.3 方案實(shí)現(xiàn)
5.4 實(shí)驗(yàn)平臺(tái)和結(jié)果分析
5.5 本章小結(jié)
第6章 總結(jié)與展望
6.1 總結(jié)
6.2 展望
參考文獻(xiàn)
附錄 攻讀碩士學(xué)位期間獲得的成果
致謝
本文編號(hào):3807544
本文鏈接:http://sikaile.net/kejilunwen/shengwushengchang/3807544.html
最近更新
教材專著