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