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

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

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

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