webview優(yōu)化

回顧系統(tǒng) WebView 進化史

從Android4.4系統(tǒng)開始饮潦,Chromium內(nèi)核取代了Webkit內(nèi)核

從Android5.0系統(tǒng)開始棕兼,WebView移植成了一個獨立的apk障斋,可以不依賴系統(tǒng)而獨立存在和更新贞瞒。

從Android7.0 系統(tǒng)開始契邀,如果用戶手機里安裝了 Chrome 摆寄, 系統(tǒng)優(yōu)先選擇 Chrome 為應(yīng)用提供 WebView 渲染。

從Android8.0系統(tǒng)開始坯门,默認開啟WebView多進程模式微饥,即WebView運行在獨立的沙盒進程中。


WebView啟動過程

app首次打開默認不初始化瀏覽器內(nèi)核古戴,只有創(chuàng)建WebView實例才會初始化相關(guān)組件

初始化時間分為兩部分:

首次初始化時間:客戶端冷啟動后欠橘,第一次打開WebView,從開始創(chuàng)建WebView到開始建立網(wǎng)絡(luò)連接之間的時間现恼。

二次初始化時間:在打開過WebView后肃续,退出WebView,再重新打開WebView叉袍,從開始創(chuàng)建WebView到開始建立網(wǎng)絡(luò)連接之間的時間始锚。

在瀏覽器中,我們輸入地址時(甚至在之前)畦韭,瀏覽器就可以開始加載頁面疼蛾。

而在客戶端中肛跌,客戶端需要先花費時間初始化WebView完成后艺配,才開始加載

怎么優(yōu)化:

1.創(chuàng)建全局webview,但是額外的內(nèi)存消耗并且容易造成內(nèi)存泄漏衍慎。

2.在客戶端初始化WebView的同時转唉,直接由native開始網(wǎng)絡(luò)請求數(shù)據(jù);當(dāng)頁面初始化完成后稳捆,向native獲取其代理請求的數(shù)據(jù)

70%以上業(yè)務(wù)由H5開發(fā)赠法,手機QQ Hybrid 的架構(gòu)如何優(yōu)化演進?

在頁面請求的數(shù)據(jù)返回之前乔夯,主要有以下過程耗費時間砖织。

DNS

WebView的域名與App的API域名統(tǒng)一,則可以讓W(xué)ebView的DNS時間全部達到1.3ms的量級末荐。

靜態(tài)資源同理侧纯,最好與客戶端的資源域名保持一致。

connection

服務(wù)器處理

在HTTP協(xié)議中甲脏,我們可以在header中設(shè)置 transfer-encoding:chunked

使得頁面可以分塊輸出眶熬。如果合理設(shè)計頁面妹笆,讓head部分都是確定的靜態(tài)資源版本相關(guān)內(nèi)容,而body部分是業(yè)務(wù)數(shù)據(jù)相關(guān)內(nèi)容娜氏,那么我們可以在用戶請求的時候拳缠,首先將Web API可以確定的部分先輸出給瀏覽器,然后等API完全獲取后贸弥,再將API數(shù)據(jù)傳輸給瀏覽器窟坐。


創(chuàng)建獨立的進程process

進度條

開啟軟硬加速(閃爍或者黑白屏),耗費更多的內(nèi)存

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末茂腥,一起剝皮案震驚了整個濱河市狸涌,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌最岗,老刑警劉巖帕胆,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異般渡,居然都是意外死亡懒豹,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進店門驯用,熙熙樓的掌柜王于貴愁眉苦臉地迎上來脸秽,“玉大人,你說我怎么就攤上這事蝴乔〖遣停” “怎么了?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵薇正,是天一觀的道長片酝。 經(jīng)常有香客問我,道長挖腰,這世上最難降的妖魔是什么雕沿? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮猴仑,結(jié)果婚禮上审轮,老公的妹妹穿的比我還像新娘。我一直安慰自己辽俗,他們只是感情好疾渣,可當(dāng)我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著崖飘,像睡著了一般榴捡。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上坐漏,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天薄疚,我揣著相機與錄音碧信,去河邊找鬼。 笑死街夭,一個胖子當(dāng)著我的面吹牛砰碴,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播板丽,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼呈枉,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了埃碱?” 一聲冷哼從身側(cè)響起猖辫,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎砚殿,沒想到半個月后啃憎,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡似炎,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年辛萍,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片羡藐。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡贩毕,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出仆嗦,到底是詐尸還是另有隱情辉阶,我是刑警寧澤,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布瘩扼,位于F島的核電站谆甜,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏邢隧。R本人自食惡果不足惜店印,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一冈在、第九天 我趴在偏房一處隱蔽的房頂上張望倒慧。 院中可真熱鬧,春花似錦包券、人聲如沸纫谅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽付秕。三九已至,卻和暖如春侍郭,著一層夾襖步出監(jiān)牢的瞬間询吴,已是汗流浹背掠河。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留猛计,地道東北人唠摹。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像奉瘤,于是被迫代替她去往敵國和親勾拉。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 目錄 引言:Html加載流程 加載流程各節(jié)點耗時分析優(yōu)化 加載流程結(jié)構(gòu)優(yōu)化 客戶端優(yōu)化 Html加載流程 創(chuàng)建并初...
    BKQ_SYC閱讀 15,361評論 0 25
  • 在App開發(fā)中,內(nèi)嵌WebView始終占有著一席之地卖局。它能以較低的成本實現(xiàn)Android斧蜕、iOS和Web的復(fù)用,也...
    夜空下最亮的亮點閱讀 1,038評論 0 2
  • 在App開發(fā)中,內(nèi)嵌WebView始終占有著一席之地蟹演。它能以較低的成本實現(xiàn)Android风钻、iOS和Web的復(fù)用,也...
    reyzhang閱讀 1,877評論 1 20
  • 從Android4.4系統(tǒng)開始酒请,Chromium內(nèi)核取代了Webkit內(nèi)核骡技,正式地接管了WebView的渲染工作。...
    風(fēng)淋天下閱讀 1,429評論 0 1
  • 今天晚上完口才課,大姑帶著我和哥哥一起去公園啊昼窗,聽說張東偉在那里賣玩具可以用書換是趴,也可以拿錢去買。大姑說都晚上八點...
    尚dh閱讀 121評論 0 0