隨著移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展,基于移動(dòng)平臺(tái)的各種應(yīng)用不斷涌現(xiàn),滿足了人們?nèi)粘Ｉ钪蟹椒矫婷娴男枨�。其中Web應(yīng)用因?yàn)槠渚哂械妮p量、跨平臺(tái)、便于維護(hù)等優(yōu)秀的特性,在移動(dòng)互聯(lián)網(wǎng)時(shí)代扮演著不可替代的角色�，F(xiàn)在人們對(duì)移動(dòng)Web應(yīng)用依賴越來越重,加上越來越龐大的用戶群體,這些因素給移動(dòng)端Web應(yīng)用帶來了新的挑戰(zhàn),性能優(yōu)化已經(jīng)成為決定一款移動(dòng)端Web應(yīng)用優(yōu)劣的重要因素。通過分析Web應(yīng)用的工作模式,結(jié)合B/S架構(gòu)、瀏覽器渲染機(jī)制、HTTP和HTTPS協(xié)議以及HTTP緩存等方面的工作原理,得出影響前端頁面性能的主要因素是資源加載耗時(shí)嚴(yán)重。其中HTTP緩存機(jī)制難以準(zhǔn)確控制緩存過期時(shí)間,存在資源更新不及時(shí)和無意義的304請(qǐng)求等問題,可以利用Localstorage實(shí)現(xiàn)本地緩存和增量更新的方案進(jìn)行優(yōu)化,提高緩存命中率,消除304請(qǐng)求;大部分網(wǎng)站為了提高頁面安全性都啟用了 HTTPS協(xié)議,但同時(shí)會(huì)因?yàn)榧用苓B接和握手而增加建立連接時(shí)耗,可以用SPDY協(xié)議和提高SSL Session復(fù)用率等方法提高HTTPS協(xié)議下的建立連接性能;同時(shí)針對(duì)SPA單頁應(yīng)用中首頁加載內(nèi)容增多而影響加載性能的問題,提出用首頁數(shù)據(jù)直出和資源... 

【文章來源】：華中科技大學(xué)湖北省 211工程院校 985工程院校 教育部直屬院校

【文章頁數(shù)】：77 頁

【學(xué)位級(jí)別】：碩士

【部分圖文】：

圖２－１傳統(tǒng)Ｗｅｂ模式工作流程??（３）?Ａｊａｘ工作模式??

?｜＼??＾＇ｖｉｖｉｖｉ＾??發(fā)起謂求?晌應(yīng)謂求?發(fā)起謂求?響應(yīng)誚求?發(fā)起謂求?響應(yīng)謂求??Ｉ，Ｕ?Ｕ?Ｕ?＞１??服務(wù)器〉??圖２－１傳統(tǒng)Ｗｅｂ模式工作流程??（３）?Ａｊａｘ工作模式??Ａｊ?ａｘｉ作模式的核心是利用晃步ＪａｖａＳｃｒｉｐｔ實(shí)現(xiàn)異步請(qǐng)求。圖２－２展示了?Ａｊ?ａｘ模??式工作流程１??｜?頁面１?＞?｜?頁面２?＞??？?ｒ?ｒ?ｔ?ｔ?ｒ?ｒ?７?ｔ?＾??Ｉ１?＼＼Ｍ??ｒ?Ｕｊ?Ｕ??Ｉ服務(wù)器??圖２－２?Ａｊａｘ模式工作流程??９??

會(huì)隨著用戶的操作而翼新加載頁面或者進(jìn)行頁面跳轉(zhuǎn)，而是利用ＪａｖａＳｃｒｉｐｔ在瀏覽器??做業(yè)務(wù)處理，動(dòng)態(tài)地變換頁面內(nèi)容，從而對(duì)用戶操作做出響應(yīng)［２４］，ＳＰＡ應(yīng)用〇：作模??式如圖２－３所示。單頁Ｗｅｂ應(yīng)用并不是突然誕生的一門新技術(shù)，而是Ｗｅｂ頁面展示的??一種新的方式，可以提供菲常流暢的甩戶體驗(yàn)，使Ｗｅｂ應(yīng)用擁有可以媲美Ｎａｔｉｖｅ應(yīng)??用的體驗(yàn)。??麗１〉?頁面１?＞?頁面１?＞??ｃ?ｒｒ？?ＴｒｒＴ??Ａｊａｘ組件〉?．??Ｉ：圍??Ｉ，ＶＵ?ＵＳ??［服務(wù)器＞??圖２－３?ＳＰＡ應(yīng)用工作流程??１０??


本文編號(hào)：3464962