嵌入式系統(tǒng)瀏覽器性能優(yōu)化

文/曾祥根

嵌入式瀏覽器性能優(yōu)化是個(gè)系統(tǒng)化工程，需要從不同角度分析來優(yōu)化性能，最終使系統(tǒng)達(dá)到一個(gè)合適的狀態(tài)，下面就從不同角度來分析嵌入式瀏覽器性能優(yōu)化技術(shù)。

1 編譯角度去做優(yōu)化

主要包括如下幾個(gè)方面：

（1）根據(jù)項(xiàng)目需求，編譯瀏覽器內(nèi)核選項(xiàng)裁剪，不需要的功能選項(xiàng)去掉來減少資源占用。

（2）編譯的lib及資源裁剪，所有l(wèi)ib及進(jìn)程都需要strip去掉符號(hào)表，減少flash資源占用。

（3）裁剪不需要的語言或者開發(fā)工具資源，例如chromium內(nèi)核translations目錄下的*.qm和*.pak可以根據(jù)項(xiàng)目需求做裁剪。

（4）Debug和Release開關(guān)，正式版本要采用Release版本。

（5）啟動(dòng)參數(shù)選擇，例如chromium內(nèi)核，可以選擇關(guān)閉Debug,打開單進(jìn)程等。

2 網(wǎng)絡(luò)角度去做優(yōu)化

瀏覽器網(wǎng)絡(luò)獲取數(shù)據(jù)主要過程見圖1示意。

（1）調(diào)整linux內(nèi)核tcp/ip參數(shù)，優(yōu)化內(nèi)核網(wǎng)絡(luò)設(shè)置參數(shù)。

（2）資源下載并行處理,調(diào)整最大并行資源下載個(gè)數(shù)達(dá)到最優(yōu)效果。

（3）采用DNS預(yù)解析(pre-resolve)，提前解析主機(jī)地址,以減少DNS延遲。

（4）采用TCP預(yù)連接(pre-connect)，提前連接到目標(biāo)服務(wù)器,以減少TCP握手延遲。

（5）采用資源預(yù)加載(prefetching)，提前加載頁(yè)面的核心資源,以加載頁(yè)面顯示。

（6）采用頁(yè)面預(yù)渲染(prerendering)，提前獲取整個(gè)頁(yè)面和相關(guān)子資源,這樣可以做到及時(shí)顯示。

（7）采用PYDY，多路復(fù)用技術(shù)，使用一個(gè)連接來傳輸頁(yè)面中的多個(gè)資源。

圖1

圖2

（8）采用QUIC技術(shù)，改進(jìn)UDP數(shù)據(jù)協(xié)議能力。

3 瀏覽器緩存角度去做優(yōu)化

（1）瀏覽器內(nèi)核緩存主要包含MemoryCache、DiskCache，根據(jù)需求可以選擇是否打開緩存。

（2）MemoryCache，顧名思義，就是將資源緩存到內(nèi)存中，等待下次訪問時(shí)不需要重新下載資源，而直接從內(nèi)存中獲取。實(shí)際項(xiàng)目需要根據(jù)系統(tǒng)內(nèi)存大小調(diào)整MemoryCache大小達(dá)到最佳效果。

（3）DiskCache,顧名思義，就是將資源緩存到磁盤中，等待下次訪問時(shí)不需要重新下載資源，而直接從磁盤中獲取。實(shí)際項(xiàng)目需要根據(jù)系統(tǒng)磁盤大小調(diào)整DiskCache大小達(dá)到最佳效果。

4 瀏覽器渲染角度做優(yōu)化

4.1 軟硬件渲染方式控制，瀏覽渲染一般有三種方式

4.1.1 軟件渲染

（1）節(jié)省內(nèi)存，適合處理2D方面的操作。

（2）當(dāng)需要更新小型區(qū)域時(shí)，只需要計(jì)算一個(gè)極小的區(qū)域

（3）不適合處理HTML5中的新技術(shù)，如CSS3D、WebGL、視頻Canvas等

4.1.2 硬件加速的合成化渲染

（1）適合3D繪圖

（2）帶有后端存儲(chǔ)，加速渲染過程

（3）消耗更多資源

4.1.3 軟件繪圖的合成化渲染

（1）結(jié)合前面兩種方式的優(yōu)點(diǎn)

需要針對(duì)不同場(chǎng)景選擇控制不同的渲染模式達(dá)到最佳渲染性能

（2）瀏覽器底層圖形層需要對(duì)接到平臺(tái)OPENGL,DIRECTFB圖形模塊，針對(duì)OPENGL,DIRECTFB的性能優(yōu)化可以提升繪圖效率，繪圖上下文和移植實(shí)現(xiàn)類

（3）分層處理，簡(jiǎn)化網(wǎng)頁(yè)結(jié)構(gòu)出重繪開銷處理。

（4）減少重繪（計(jì)算布局，繪圖，合成三步），計(jì)算布局，繪圖占用時(shí)間長(zhǎng)，設(shè)計(jì)頁(yè)面盡量減少計(jì)算布局，繪圖時(shí)間。

5 從JS引擎角度來優(yōu)化

（1）選擇高性能JS引擎，Google V8性能由于JS引擎Webkit JavascriptCore。

（2）JS引擎使用JIT技術(shù)提升性能。

（3）JS引擎提供webwork并行處理能力提升應(yīng)用并發(fā)處理性能(js和ui在同一線程)。

6 從JS應(yīng)用角度來優(yōu)化

主要優(yōu)化關(guān)鍵呈現(xiàn)路徑，下面是一些常見具體優(yōu)化措施：

（1）js,css,圖片等文件合并、壓縮，減少資源下載和處理時(shí)間。

（2）使用異步（async）JavaScript 資源，或使用延遲（defer）執(zhí)行的 JavaScript,一般