分析前端頁面的執(zhí)行過程涣狗,分析性能瓶頸點(diǎn)和優(yōu)化方式。
對于hybrid應(yīng)用來說舒憾,啟動一個應(yīng)用镀钓,打開頁面有如下一些基本的步驟:
過程分析
Native 啟動初始化
- 接收打開請求
- 創(chuàng)建native view
- 創(chuàng)建webview
- 初始化webview
webview 解析加載
- 開始加載html
- 加載CSS
JS 業(yè)務(wù)邏輯執(zhí)行
- 加載執(zhí)行JS框架
- 加載執(zhí)行JS業(yè)務(wù)邏輯
- 視圖更新完成,可以開始交互
新的hybrid交互技術(shù)中镀迂,可以不必等待js-native bridge ready丁溅。
串行過程拆分
加速這個過程,最好能夠把串行的過程并行化探遵,這樣能夠最快的呈現(xiàn)頁面窟赏。
拆分Native 過程和web過程
- native view 初始化
- webview的創(chuàng)建初始化(或者預(yù)加載,webview初始化需要時間)
- web 網(wǎng)絡(luò)請求(如果采取了離線包方案箱季,則可以不考慮網(wǎng)絡(luò)請求)
- JS執(zhí)行(js的預(yù)編譯等技術(shù)涯穷,JSCore中執(zhí)行類微信小程序框架)