2016年8月26-27日，由51CTO.com主辦的【W(wǎng)OT2016移動互聯(lián)網(wǎng)技術峰會】在北京粵財JW萬豪酒店隆重召開。自2012年以來，WOT品牌大會秉承專注技術、服務技術人員的理念已經(jīng)成功舉辦十一屆，不僅積累了大量的專家資源，更獲得廣大IT從業(yè)者和技術愛好者的認可和好評，并成為業(yè)界重要的技術分享及人脈拓展平臺。

　　在前端技術專題主場，記者采訪了DCloud前端架構師崔紅保，請他分享在提升Web APP用戶體驗方面的經(jīng)驗。

　　Web App和Native App誰會笑到***?

　　在論壇現(xiàn)場，當崔紅保問到有誰在做Native App開發(fā)時，會場有不少人都舉起了手，這些人來聽崔紅保談HTML5如何提升Web App的用戶體驗，由此可見大家都非常關注Web App的未來發(fā)展。

　　對于Web App和Native App的未來發(fā)展前景，崔紅保有自己的觀點。他表示，“我認為Web App和Native App二者在相當一段時間內(nèi)都將是并存的關系，但是會呈現(xiàn)出此長彼消的發(fā)展態(tài)勢，Web App的比重會越來越高，而Native App的用戶比例會逐漸降低。”

　　之所以會得出這樣的結論，崔紅保認為最關鍵的還是成本問題及用戶獲取內(nèi)容體驗問題，原生開發(fā)需要分平臺進行，人力成本、多團隊溝通成本都較高;原生App的推廣成本更是Web App的10倍以上。此外，對比PC互聯(lián)網(wǎng)，目前很少有用戶愿意在PC上安裝客戶端，有任何需求基本都會直接通過瀏覽器搞定，手機未來也將是如此。而像微信這樣的超級APP入口，它其實已經(jīng)承載了很多Web App功能，從這也能看出Web App也將代表著未來的一個走勢。而HTML5則是Web App的主要支撐技術。

　　三箭齊發(fā)，提升HTML5性能

　　雖然HTML5技術從功能、性能體驗、開發(fā)調(diào)試都比原生要差，但是通過四層合力，Web App的js能力一樣可以與原生拉齊：首先，W3C、ECAMScript、webkit擴展這些規(guī)范自身大概有7萬左右的API;在此基礎上，HTML5+規(guī)范封裝了30大類、幾百個常用的API，可以滿足一般App開發(fā)所需的能力需求;通過Native.js，讓JS直調(diào)40w原生API;在Active Plugin，可以用JS調(diào)用各種原生SDK和插件。

　　對于如何提升HTML5性能，崔紅保認為可以從三個方面入手，一是硬件方面，提升設備能力;二是OS操作系統(tǒng)方面，升級到更高版本的操作系統(tǒng)， Android 4.4+ 目前的市場占有率已超過80%;三是利用HTML5+強化引擎、MUI前端框架，來提升Web強化引擎的性能。

　　崔紅保告訴記者，HTML5其實一直在完善，例如本地存儲的容量問題，現(xiàn)在通過增加引擎封裝擴展了本地存儲，還了封裝了本地IO系統(tǒng)、文件系統(tǒng)，可以實現(xiàn)與原生應用一樣操縱本地資源文件。至于安全性問題，可以把一些敏感數(shù)據(jù)做加密，再存儲本地。

　　Web App用戶體驗差在哪?

　　崔紅保認為，Web App目前用戶感受較差的地方主要集中在以下方面：

　　首先是下拉刷新，現(xiàn)在業(yè)務大多有下拉刷新需求，在Web APP上面會出現(xiàn)閃屏抖動情況;其次是頁面切換，從A頁面跳到B頁面的時候，可能有一個等待，出現(xiàn)白板頁面。***是Web APP能力上面的限制，例如二維碼掃描，對于定位方面的需求可能存在局限性。

　　除此之外，像HTML5展示頁面還容易出現(xiàn)頂部標題在滾動時閃爍、點擊延遲等現(xiàn)象。

　　一心二用的流應用

　　崔紅保告訴記者，流應用是一個新發(fā)行技術，相當于流媒體發(fā)行。過去人們看電影，要找一個資源先下載到本地，再通過播放器播放。后來優(yōu)酷、愛奇藝出現(xiàn)后，大家可以緩沖看，邊看邊下載，流應用也是同樣的概念。

　　和原生應用不同，流應用不需要經(jīng)歷搜索下載、本地安裝、權限確認、安裝完成這些繁瑣步驟，流應用在點擊下載按鈕后，可以一邊使用一邊下載，例如大家下載大眾點評外賣，后臺在下載，但是用戶可以直接先進入大眾點評網(wǎng)的首頁直接開始操作，其實首頁也只有100K大小，也就相當于大家刷一下朋友圈的流量，基本上在5秒鐘內(nèi)就可以開始應用，可以大大提升用戶使用體驗。

　　還有一點優(yōu)勢也非常明顯，那就是流量問題。原生APP大多都在幾十兆到上百兆大小，用戶下載耗費流量。而流應用可以降低流量，它把公有引擎內(nèi)置手機里面，這樣用戶不需要下這個引擎，只需要下對應的資源就可以了。這個資源可能只有幾百K或者幾兆大小?？梢杂行П苊庀螺d折損。

　　記者了解到，在IOS和Android上已經(jīng)有了流應用的應用，在360手機助手微應用專區(qū)，看到的所有應用都是流應用。