【摘要】：隨著Web技術(shù)的快速發(fā)展,網(wǎng)站逐漸從簡單的靜態(tài)頁面發(fā)展為功能豐富的Web應(yīng)用,需要加載更多的圖像、腳本與樣式表等資源。谷歌研究報告顯示,當(dāng)頁面加載速度超過3秒后,53%的手機訪問用戶會選擇跳出頁面,可見頁面的加載速度慢會成為用戶流失的重要原因之一,性能對于網(wǎng)站的成功具有非常重要的意義。而雅虎的2006年的流行網(wǎng)站統(tǒng)計報告表明,從Web服務(wù)器獲取HTML文檔與數(shù)據(jù)并傳送給瀏覽器所用的時間,僅占頁面實際響應(yīng)時間的5%到38%之間,而其余62%到95%的時間全部用在了 HTTP請求、資源加載、頁面渲染與繪制等前端負責(zé)的領(lǐng)域內(nèi)。同時,若網(wǎng)站的易用性差,同樣會導(dǎo)致用戶產(chǎn)生困惑,降低用戶的使用意愿[Nielsen,1999]。本文基于工程實踐中的具體項目,研究如何在前端的職責(zé)范圍內(nèi),加快文檔解析速度、提高頁面幀率、以及提高頁面易用性,以達到優(yōu)化頁面性能,提升用戶體驗的目的。本文在進入優(yōu)化工作前先描述了原項目內(nèi)容及遇到的主要問題,并確定頁面問題的衡量指標(biāo),通過衡量指標(biāo)的實際測試數(shù)據(jù),為問題定位和優(yōu)化工作的成果提供數(shù)據(jù)支持。之后從瀏覽器的請求響應(yīng)機制與渲染原理出發(fā),深入分析問題出現(xiàn)的原因,并在此基礎(chǔ)上,從頁面首次關(guān)鍵繪制時間、頁面幀率兩個方面給出網(wǎng)站性能的針對性優(yōu)化方案,詳細講述了頁面靜態(tài)資源的優(yōu)化方法、資源加載的控制、服務(wù)端渲染技術(shù)的運用以及幀率優(yōu)化算法的研究與實現(xiàn)。同時,在易用性方向則從頁面交互、信息展示兩個方面進行優(yōu)化�；谝汛_定的衡量指標(biāo),本文對實現(xiàn)了優(yōu)化方案后的項目進行了測試,通過優(yōu)化前后項目衡量指標(biāo)的對比與分析,證明了優(yōu)化方案的可行性和有效性。
【學(xué)位授予單位】：南京大學(xué)
【學(xué)位級別】：碩士
【學(xué)位授予年份】：2018
【分類號】：TP393.092

【參考文獻】

相關(guān)期刊論文 前3條

1 王成;李少元;鄭黎曉;緱錦;曾梅琴;劉慧敏;;Web前端性能優(yōu)化方案與實踐[J];計算機應(yīng)用與軟件;2014年12期

2 何中林;;Web應(yīng)用系統(tǒng)的優(yōu)化與實踐[J];數(shù)字技術(shù)與應(yīng)用;2012年05期

3 姬一文;吳慶波;楊沙洲;;一種服務(wù)器端模板引擎的改進與實現(xiàn)[J];計算機應(yīng)用研究;2011年03期

相關(guān)碩士學(xué)位論文 前2條

1 劉柳;基于Web前端的性能優(yōu)化方案研究[D];華中科技大學(xué);2015年

2 張熙;Web應(yīng)用性能優(yōu)化模型及測試框架的研究[D];南京航空航天大學(xué);2008年

，

本文編號：2619793