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

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

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

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