移動Web前端性能優(yōu)化研究與應(yīng)用.pdf

1、近幾年，得益于移動終端的興起，移動互聯(lián)網(wǎng)獲得了天翻地覆的變化，并且已成為新的商業(yè)戰(zhàn)場。對于反應(yīng)遲緩、用戶體驗(yàn)差的移動站點(diǎn)和應(yīng)用，用戶會毫不猶豫地轉(zhuǎn)投同類其它更優(yōu)秀的產(chǎn)品作為替代。因此提高移動 Web系統(tǒng)性能和體驗(yàn)已成為各大互聯(lián)網(wǎng)公司所面臨的主要課題。移動 Web系統(tǒng)性能優(yōu)化關(guān)鍵點(diǎn)之一就是降低用戶訪問延時。本文就針對于各類前端優(yōu)化技術(shù)進(jìn)行探討和研究。
　　本文以移動Web前端和Hybrid APP為研究對象，通過各類前端優(yōu)化技術(shù)和框

2、架，旨在設(shè)計出一套良好的前端優(yōu)化解決方案和前端架構(gòu)。從減少HTTP請求優(yōu)化入手，對頁面中HTTP請求過多問題進(jìn)行探討，給出多種技術(shù)解決方案。之后同現(xiàn)有技術(shù)進(jìn)行對比分析其優(yōu)勢。最終在實(shí)際工作中投入使用，使得頁面載入減少大約36%的加載時間。
　　之后本文使用新一代HTML5移動存儲技術(shù)Local Storage解決了過去Cookie等各種Web存儲的弊端，并對Local Storage進(jìn)行獨(dú)立封裝，目的是使得其API在易用性和性能上

3、達(dá)到最優(yōu)。
　　論文最后使用移動前端 Hybrid技術(shù)開發(fā)一款計算器移動應(yīng)用APP，使用MVC思想構(gòu)造Web前端架構(gòu)，解決大型移動站點(diǎn)開發(fā)中架構(gòu)組織和代碼混亂等問題。通過HTML5、Javascript等前端技術(shù)為基礎(chǔ)，在確保站點(diǎn)性能和頁面加載速率前提下大量使用先進(jìn)技術(shù)，同時在實(shí)際項(xiàng)目中進(jìn)行優(yōu)化與實(shí)踐。
　　前端技術(shù)依舊在不斷的發(fā)展，本文所闡述的多種前端優(yōu)化技術(shù)現(xiàn)階段已投入于實(shí)際工作之中，不但大幅降低了HTTP請求和加快了移