即將啟動愛奇藝商城(mall.iqiyi.com)移動端的native化。

項目開始之前當然要梳理下為什么做native，究竟H5跟native比有什么劣勢，而H5又為什么占比那么高并且有“Html5才是未來”的說法呢。下面簡單理下對比。

H5，即Html5，指第5代HTML，更嚴格說，是萬維網(wǎng)的核心語言、標準通用標記語言下的一個應用超文本標記語言(HTML)的第五次重大修改。。。好了不深入扣它的定義，比較重要的，只要理解兩點：a HTML5的設計目的是為了在移動設備上支持多媒體 b. HTML5手機應用的最大優(yōu)勢就是可以在網(wǎng)頁上直接調試和修改

那么H5相對于app究竟有什么優(yōu)點：

1. 跨平臺性與可移植性

任意H5站點與應用都可以兼容PC端與移動端、Windows與Linux、安卓與IOS。可以輕易地移植到各種不同的開放平臺、應用平臺上，打破各自為政的局面。這種強大的兼容性可以顯著地降低開發(fā)與運營成本，可以讓企業(yè)特別是創(chuàng)業(yè)者獲得更多的發(fā)展機遇

2. 輕量迅捷

H5應用和網(wǎng)頁無需下載占用存儲空間，特別適合新一代移動媒體(微信等開放平臺)。

3. 快速迭代

H5可以自由安排版本，無需"上架”，迭代速度快，非常適合互聯(lián)網(wǎng)敏捷開發(fā)模式特別適合小型創(chuàng)業(yè)團隊；

然而H5相對于原生應用，缺點也很明顯(否則怎么還會有app store的存在呢哈哈)

H5缺點：

用戶體驗大幅落后于native，主要有以下幾點體現(xiàn)：

a) 操作的流暢度H5低于native

如我們的H5有時候打開速度慢，有時候按鈕樣式加載出來了，點不了，總之就是給人感覺“有點卡””好慢”

b) H5渲染效果比不上native

簡單說，就是有時候頁面看上去總是丑丑的跟UI設計總有一點偏差，這一點大家看看我們的社區(qū)或者其他現(xiàn)有頁面應該有點這種感覺

c) H5的程序的執(zhí)行效率低

頁面有時候打不開，有些控件有時候加載不出來，容易出bug。比如線上發(fā)現(xiàn)頻道的一些bug，native的話有控件調用出現(xiàn)概率低很多

d) H5受網(wǎng)速的影響較大

在網(wǎng)絡情況較差的情況下，H5往往連打開都困難，而native程序，基本都能順利打開運行，就算網(wǎng)速差也只是速度較慢。直觀地看，就是網(wǎng)絡差的情況下，加載慢頁面空白或者很丑

e) H5的功能受瀏覽器的限制大

部分用戶想要的功能，因為瀏覽器不支持，或者是數(shù)據(jù)接口問題，導致無法實現(xiàn)。比如我們的視頻播放置頂、內嵌視頻直接播放功能H5無法實現(xiàn)。

以上是H5對比native的幾大缺陷，如果native了，會解決以上問題，同時還有一些交互會更友好，比如返回(右滑手勢)會整個商城關閉返回主站首頁的不好體驗也會解決。

但是native也有本身的缺點，這個可以簡單概括：迭代慢，需要走上架審核流程(從電商角度看要配合主站版本，就是不再自己干自己的)；需要分安卓、iOS，別的小眾系統(tǒng)直接可能就放棄了，整體開發(fā)維護成本比原來高，而且H5還得照做；新版不能全量覆蓋(需要用戶更新App)

好了，以上就是一個應用的H5與native優(yōu)劣對比。作為一個產(chǎn)品經(jīng)理，如果擺在面前是兩個方案，需要你做決策，來，究竟做H5呢，還是做成native，這時候心里就比較有底了吧。

總結

以上是生活随笔為你收集整理的native html5 区别,H5与Native优劣对比的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。