移動Web前端性能與圖片優(yōu)化的研究.pdf

1、近年來，隨著智能移動設(shè)備的普及，移動互聯(lián)網(wǎng)成為了互聯(lián)網(wǎng)發(fā)展的新動力，同時也為移動學習的跨越式發(fā)展帶來了新契機。移動設(shè)備間的差異和無線網(wǎng)絡(luò)資源的稀缺決定在移動學習開發(fā)時必須關(guān)注應用的性能問題。在紛繁復雜的移動學習Web站點中，用戶更傾向于使用可以迅速響應、完美交互的優(yōu)秀產(chǎn)品。這就形成了對web站點進行優(yōu)化的迫切需求。Web站點優(yōu)化可分為后端優(yōu)化和前端優(yōu)化兩部分。研究表明，用戶響應時間中只有10％～20％是花在了下載HTML文檔上，其余的時

2、間則花在了下載頁面中的所有組件上。也就是說，如果關(guān)注前端性能并將其響應時間減少一半，整體響應時間可減少40％～45％;加之國內(nèi)在后端的優(yōu)化技術(shù)已經(jīng)比較成熟，所以本文專注于Web前端的性能優(yōu)化。
　　本文首先介紹了移動Web前端優(yōu)化的國內(nèi)外研究現(xiàn)狀，提出進行移動web前端性能優(yōu)化的必要性。然后對Web的工作方式如HTTP協(xié)議、瀏覽器工作機制等和移動開發(fā)的特殊性進行介紹，web工作方式構(gòu)成了在移動學習開發(fā)過程中進行性能優(yōu)化的現(xiàn)實依據(jù)和

3、理論基礎(chǔ)。本文中間部分從html、CSS、JavaScript、圖片和緩存五個方面，圍繞內(nèi)存和CPU兩個核心主題，結(jié)合移動學習開發(fā)的實踐，分類展開了移動Web前端性能優(yōu)化方案的介紹。
　　本文最后對圖片優(yōu)化方案之一，CSSSprites，進行了制作時的再優(yōu)化?，F(xiàn)在每個網(wǎng)站都有大量圖片需要下載，而一個一個地下載不如整合到一塊下載來的迅速，這就是Sprites技術(shù)。CSSSprites技術(shù)的出現(xiàn)在一定程度上加速了網(wǎng)站的響應時間，從而可