普通Webview vs X5 vs sonic

愛爾蘭真是太好了發表於2017-12-08
WebView
最近發現sonic升級到了2.0,一直以優化首屏速度為特徵的sonic變化尤其大，可以純前端接入sonic，從而提升首屏速度。


  • 普通webview
  1.       第一次啟動耗時：996ms
  2.       第二次啟動耗時：481ms
  3.       第三次啟動耗時：473ms
  • X5
  1.       第一次啟動耗時：581ms
  2.       第二次啟動耗時：734ms
  3.       第三次啟動耗時：457ms
  • sonic
  1. 第一次啟動耗時：460ms
  2. 第二次啟動耗時：382ms
  3. 第三次啟動耗時：390ms
訪問網址為：https://chaoshi.tmall.com/?targetPage=index


天貓超市的頁面可謂算是比較大的了，在首次啟動中sonic確實跟官網說的，極大的減少第一次的啟動速度。但是由於快取的存在，所以對於多次啟動的情況下，三種情況下的載入速度還是大致相同的。


  1. 但由於接入x5與sonic相對成本比較大，對於頁面相對較小的情況下還是考慮普通weview。寫一套相容4.2以下的封裝後的webview即可以很好的顯示。
  2. 對於頁面不多，但是大部分邏輯都是在webview裡面實現的，建議還是用x5,畢竟微信和qq都在用。
  3. 對於商城這一些的app,頁面多而雜，則可以考慮sonic,同時也可以讓後臺也進行sonic適配，這樣的話可以極大的提示頁面啟動速度。



相關文章