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

1、移動互聯(lián)網(wǎng)是的當(dāng)今互聯(lián)網(wǎng)世界的發(fā)展趨勢，基于移動平臺的各種應(yīng)用滿足了人們生活、工作多方面的需要。其中Web應(yīng)用以其跨平臺、輕量級等特點(diǎn)，更是受到互聯(lián)網(wǎng)用戶的歡迎和青睞。用戶數(shù)量飛速增長，依賴性的增強(qiáng)使得用戶對移動Web應(yīng)用的響應(yīng)速度、運(yùn)行流暢度提出了更高的需求，在移動Web產(chǎn)品運(yùn)營的整個(gè)生命周期內(nèi)，改善產(chǎn)品的性能顯得尤為重要。
　　與傳統(tǒng)PC平臺相比，移動端的Web應(yīng)用具有特殊性。移動端的設(shè)備差異、硬件性能限制、網(wǎng)絡(luò)環(huán)境欠佳等因素

2、都給Web應(yīng)用的性能帶來了挑戰(zhàn)。在服務(wù)器后臺、數(shù)據(jù)庫、云計(jì)算等技術(shù)迅猛發(fā)展的今天，統(tǒng)計(jì)表明，在移動領(lǐng)域更多的時(shí)間、資源損耗都出現(xiàn)在客戶前端。針對前端的性能優(yōu)化工作，能達(dá)到更好的優(yōu)化效果，極大改善用戶體驗(yàn)。針對移動平臺的特點(diǎn)，結(jié)合Web前端的組成原理和客戶端瀏覽器的運(yùn)行機(jī)制，可以從網(wǎng)絡(luò)請求、HTML文檔構(gòu)成、CSS樣式渲染、頁面Javascript腳本運(yùn)行以及HTML5特性這五個(gè)方面進(jìn)行研究，分析影響前端性能的因素，提出對應(yīng)的解決方法。方

3、法在文件合并壓縮、圖片資源處理、DOM操作、CSS規(guī)范化、Javascript內(nèi)存管理、HTML5本地存儲與離線應(yīng)用等角度作了詳細(xì)論述，分析了其優(yōu)化原理和可行性。
　　Dolphin WebApp Store是典型的移動Web應(yīng)用，其訪問量大，性能優(yōu)化需求迫切。結(jié)合提出的方法對項(xiàng)目進(jìn)行優(yōu)化、改進(jìn)后，使用 Chrome DevTools對優(yōu)化前后的前端性能進(jìn)行測試對比，結(jié)果表明，優(yōu)化后該應(yīng)用的加載速度、內(nèi)存消耗、頁面性能等方面都得到