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

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

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

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

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

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

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

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

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

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

　　Web App用戶體驗(yàn)差在哪?

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

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

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

　　一心二用的流應(yīng)用

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

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

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

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