大體(ti)上講，H5和小程序并不具備什么(me)可比性。只是很多(duo)移動端(duan)的場(chang)景(jing)下(xia)，這兩種(zhong)選擇(ze)都能實(shi)現產品的大部(bu)分功能，加(jia)之其各領風騷好幾年，就更難抉擇(ze)了。

我(wo)們(men)經常(chang)說的(de)(de) H5 是一(yi)種不標準的(de)(de)叫法，可以理解(jie)為只是一(yi)種技術(shu)，大家說得最多的(de)(de) H5 主要是指用(yong)在移(yi)動端的(de)(de)網(wang)頁，其實 PC 電腦版也(ye)一(yi)樣可以使用(yong) H5 技術(shu)。而小程序，這(zhe)里特(te)指微信小程序，是在微信 APP 基礎上支持的(de)(de)一(yi)種應用(yong)形式，完全依(yi)賴于微信 APP 環(huan)境。

 以(yi)上，是大概念上的(de)區分，下面，我們就來詳細(xi)對比一下其他方面。

一、運行環境

這里的(de)(de) H5 既(ji)然是(shi)網頁(ye)，那(nei)么依賴的(de)(de)外殼主要是(shi)瀏(liu)(liu)覽(lan)(lan)器，因此只要有瀏(liu)(liu)覽(lan)(lan)器，就可以使用。比如手(shou)機內置(zhi)的(de)(de)瀏(liu)(liu)覽(lan)(lan)器，APP 的(de)(de) web-view 組件，以及小程序提供的(de)(de) web-view 組件，都可以打開 H5 頁(ye)面。

注(zhu)意，小(xiao)程序的 web-view 可以打開 H5，但并不是小(xiao)程序“跳(tiao)轉”到了(le) H5 頁(ye)面，這個 H5 還是小(xiao)程序的外殼內(nei)，仍然(ran)有很(hen)多限(xian)制(zhi)。

前面說了，小(xiao)程序只能(neng)依賴微(wei)信客戶(hu)端(duan)，也(ye)就是說只能(neng)在微(wei)信里(li)打開。那么，如果你(ni)的產品需要通過(guo)短(duan)(duan)信通知用戶(hu)帶上訪問地址(zhi)，就無法用小(xiao)程序實現了。而 H5 頁面，則可以(yi)在短(duan)(duan)信正文中直接用手機內置瀏覽(lan)器打開。

但是(shi)(shi)(shi)，微(wei)信本(ben)身(shen)是(shi)(shi)(shi)跨平(ping)臺的(de)，因(yin)此無論(lun)是(shi)(shi)(shi)安(an)卓上(shang)的(de)微(wei)信，蘋果上(shang)的(de)微(wei)信，都是(shi)(shi)(shi)可(ke)以(yi)使用小程序的(de)。甚至 QQ 瀏(liu)覽器也支持了部(bu)分小程序的(de)入駐。

二、系統權限

這里的系(xi)統權限(xian)，可(ke)以理解為隱私級別比較高的，如通訊錄，或能調用硬件的，比如藍牙功能等(deng)。從這個角度(du)看，H5 本(ben)身可(ke)以說(shuo)幾乎是沒(mei)有(you)什么系(xi)統權限(xian)的。雖(sui)然(ran)也有(you)攝(she)像(xiang)頭之類的接口，但是重度(du)依賴瀏覽器(qi)能力，兼容性有(you)限(xian)。

而(er)小(xiao)程序，由(you)于依賴(lai)微信客戶端本身，所以微信小(xiao)程序團隊將客戶端的很多能力開放給(gei)了(le)(le)小(xiao)程序環境，當然，前提是你給(gei)微信也(ye)授權了(le)(le)相(xiang)關的能力，比如允(yun)許訪問(wen)麥(mai)克風，允(yun)許訪問(wen)相(xiang)冊等。

所以，如果你的產品(pin)重度依賴(lai)這(zhe)些能力，那小程(cheng)序一定是不二之選，因為 H5 很(hen)難做到這(zhe)些，對于很(hen)多小程(cheng)序提供(gong)的能力，H5 是根本(ben)沒有可能實現(xian)的。

三、能力限制

前面(mian)提(ti)到了(le)系(xi)統(tong)權(quan)限層(ceng)面(mian)的差異，其實(shi)也(ye)是一種(zhong)能(neng)(neng)力(li)限制(zhi)。除此之外，還有一些能(neng)(neng)力(li)是微信本(ben)身的策略限制(zhi)的，比(bi)如 H5 在微信里可以直接分享朋(peng)友(you)圈(quan)，而小程序目前就(jiu)只(zhi)能(neng)(neng)轉發好(hao)友(you)或群(qun)。對于朋(peng)友(you)圈(quan)，就(jiu)只(zhi)能(neng)(neng)生成帶(dai)小程序碼的圖片發到朋(peng)友(you)圈(quan)。

 而(er)對于(yu)分享到好友或群(qun)，小程(cheng)序又提供(gong)了卡片式的分享界面(mian)，看(kan)起來很高端，信息也多，并且能(neng)追(zhui)蹤用戶(hu)行為。這一點(dian)，H5 又無法(fa)做(zuo)到。

再比如支(zhi)付能(neng)力，小(xiao)程序(xu)只支(zhi)持微信支(zhi)付，而(er) H5 里可以選擇使用其他支(zhi)付平臺提供的支(zhi)付方式。

四、用戶體驗

分享卡片看(kan)上去比普通的(de)(de)(de) H5 鏈接(jie)(jie)(jie)分享體驗要好(hao)(hao)；而朋(peng)友圈的(de)(de)(de) H5 分享形式(shi)，和圖(tu)片識(shi)別小(xiao)程序碼的(de)(de)(de)形式(shi)到(dao)底(di)哪(na)個好(hao)(hao)也不(bu)好(hao)(hao)說。不(bu)過，如果你的(de)(de)(de)產品被判定有違規行為，那么 H5 的(de)(de)(de)鏈接(jie)(jie)(jie)是很容(rong)易匹(pi)配(pei)屏(ping)蔽(bi)的(de)(de)(de)，可以直接(jie)(jie)(jie)導致分享 H5 頁(ye)面(mian)只能自己可見(jian)，別人(ren)看(kan)不(bu)到(dao)。

但(dan)是，小(xiao)程(cheng)(cheng)序(xu)的(de)分享圖雖然不太可能(neng)封(feng)禁，但(dan)小(xiao)程(cheng)(cheng)序(xu)是微(wei)信(xin)的(de)呀，那還不是分分鐘就(jiu)關掉。所以在抗(kang)風險方(fang)面，二者各有千秋。如果是 H5，那就(jiu)多(duo)準(zhun)備幾個(ge)域名；如果是小(xiao)程(cheng)(cheng)序(xu)，就(jiu)直(zhi)接多(duo)上線幾個(ge)小(xiao)程(cheng)(cheng)序(xu)，保證(zheng)封(feng)禁時損(sun)失降到最(zui)低。

除了形(xing)式上(shang)的體(ti)驗差異，性能(neng)上(shang)也是有差異的。小程序(xu)基于微信(xin)客(ke)戶端實現，對解(jie)析進行了優化，并且一旦首(shou)次打開小程序(xu)，可以直(zhi)接(jie)緩存很多(duo)資源。因此，在使用小程序(xu)時可以明顯(xian)感覺很流暢(chang)，接(jie)近(jin)原生 APP 的體(ti)驗。

而 H5 本(ben)質上還是網頁，跟之前在 PC 上瀏覽網頁沒區別，每次要請求各種(zhong)圖片樣式資源，在瀏覽器(qi)內(nei)核(he)里(li)渲染，因(yin)此體驗會差一些。

五、訪問入口

在(zai)訪問入口(kou)(kou)這個(ge)點上，H5 的(de)(de)核心競爭力就是(shi)(shi)能(neng)在(zai)微信之外玩，不依賴微信本身。而小程序(xu)的(de)(de)優(you)勢，就是(shi)(shi)有 50+ 微信提供的(de)(de)場景入口(kou)(kou)，并且聊天界面頂部的(de)(de)“最近使(shi)用”和“我(wo)的(de)(de)小程序(xu)”這個(ge)入口(kou)(kou)，相對(dui) H5 來說(shuo)是(shi)(shi)有絕對(dui)優(you)勢的(de)(de)。

用(yong)戶關閉之后，H5 頁面(mian)如果想繼(ji)續(xu)訪問(wen)，可(ke)(ke)能會通過收(shou)藏入(ru)口(kou)，或(huo)者(zhe)轉發(fa)給(gei)“文(wen)件傳輸助手”等聊(liao)天(tian)界面(mian)保存，還可(ke)(ke)以(yi)縮小到圖(tu)標稍后閱讀等等。本質(zhi)上還是跟 PC 時代(dai)的瀏覽器收(shou)藏夾(jia)差不多，需(xu)要(yao)有個地方把(ba) H5 的鏈接地址保存下來(lai)，方便下次訪問(wen)。如果沒有保存，下次就很難找到了。

至于微信內的(de)搜(sou)(sou)(sou)索(suo)(suo)，是可(ke)以(yi)(yi)同(tong)時搜(sou)(sou)(sou)索(suo)(suo) H5 和小程序(xu)的(de)，可(ke)以(yi)(yi)根據 H5 的(de)名(ming)字和內容、小程序(xu)的(de)名(ming)字和介紹(shao)來搜(sou)(sou)(sou)索(suo)(suo)。這里 H5 有(you)個天(tian)然優(you)勢就是，只要你的(de)鏈接在各大搜(sou)(sou)(sou)索(suo)(suo)引(yin)擎(qing)提交過，那么(me)使用其他的(de)搜(sou)(sou)(sou)索(suo)(suo)引(yin)擎(qing)也能搜(sou)(sou)(sou)出這個 H5，比如(ru)百度搜(sou)(sou)(sou)索(suo)(suo)。

六、用戶觸達

H5 本身是(shi)沒有(you)用(yong)戶觸達(da)能力的(de)，如果用(yong)戶關掉(diao)了(le)頁(ye)面(mian)，頁(ye)面(mian)就(jiu)再(zai)也沒有(you)辦法主動觸達(da)該用(yong)戶了(le)。因此(ci)，傳統(tong)的(de)營(ying)銷(xiao)(xiao)方式(shi)都是(shi)采用(yong)郵件營(ying)銷(xiao)(xiao)或短信營(ying)銷(xiao)(xiao)等來觸達(da)用(yong)戶。

后(hou)來，我們有了微(wei)信服務號，就多(duo)了服務號模板消(xiao)息的觸達方(fang)式。不管是(shi)哪(na)種方(fang)式，都是(shi)想(xiang)方(fang)設(she)法把鏈接地址推(tui)送(song)給用(yong)戶(hu)，用(yong)戶(hu)點擊時(shi)再通過(guo)手機內(nei)置瀏(liu)覽器(qi)或(huo)微(wei)信內(nei)置瀏(liu)覽器(qi)訪問頁面(mian)。

 而小(xiao)程序天然支持模板消息，雖然有一周(zhou)的(de)推送時間限制，但是常規的(de)業務已經足夠了。只要用戶使用你的(de)小(xiao)程序，你就可以(yi)通過某種操(cao)作(zuo)收集 formid，然后即可在一周(zhou)之(zhi)內的(de)任意時間觸(chu)達用戶。

七、開發成本

對于簡單功能(neng)，H5 和(he)小程(cheng)序(xu)的開(kai)發成本(ben)是差不(bu)多的，開(kai)發模式和(he)語(yu)言(yan)風格也類似。而對于前面說到的系統能(neng)力(li)，可(ke)(ke)能(neng)就(jiu)只有(you)小程(cheng)序(xu)才能(neng)實(shi)現，H5 根本(ben)做(zuo)不(bu)了。此外，小程(cheng)序(xu)自(zi)成體(ti)系，因此也有(you)一些(xie)現成的組件可(ke)(ke)以使用，如果剛好(hao)覆蓋了你的產品功能(neng)就(jiu)能(neng)提升(sheng)效率。

雖然 H5 也有(you)很(hen)多框架組(zu)件可(ke)(ke)以用，但(dan)由于過于龐雜，有(you)選擇成(cheng)(cheng)本，且技術棧和(he) UI 五(wu)花八門，可(ke)(ke)能還有(you)融合和(he)修(xiu)改(gai)的成(cheng)(cheng)本。而小程(cheng)序組(zu)件的 UI 大部(bu)分已經確定，只有(you)很(hen)少的部(bu)分可(ke)(ke)以修(xiu)改(gai)，所以一(yi)旦認定使用小程(cheng)序，這部(bu)分成(cheng)(cheng)本會低(di)很(hen)多。

總體(ti)上來講，我(wo)覺得還是可(ke)以認為小(xiao)程序的開(kai)發成本更低一些。

八、迭代周期

開(kai)發成本(ben)低，未必迭代(dai)周期就(jiu)短。對(dui)于(yu) H5 我們可以隨時發布上(shang)線，不用受任何牽制。而小程序的特點，就(jiu)是(shi)每次提交版本(ben)都(dou)要經過微(wei)信(xin)方面的審核(he)，且審核(he)時間(jian)的長短很隨機(ji)，著(zhu)急上(shang)線的項(xiang)目(mu)就(jiu)很無(wu)奈了。

 至于其他速度，取決(jue)于開發(fa)人員技能熟練程度，系統復雜度，對(dui)基礎能力(li)的依(yi)賴等(deng)，就不好估算了。

九、外部限制

由(you)于(yu)小程(cheng)序依賴微信平(ping)臺，因此微信平(ping)臺要對內容安(an)全等(deng)事項負責，比如你(ni)想搞個有(you) UGC 的產(chan)品，用 H5 可能(neng)還可以(yi)趁著監管寬松無證(zheng)裸(luo)奔一陣，或(huo)者說(shuo)做大了再補證(zheng)。

而小程序，就很可能(neng)完全不(bu)能(neng)過(guo)審，根本上不(bu)了(le)線。比如試聽(ting)類(lei)，社交類(lei)，都有對(dui)應(ying)的(de)資質(zhi)(zhi)，而這個(ge)資質(zhi)(zhi)還可能(neng)很難獲得。

類(lei)似(si)的，H5 頁面(mian)可以(yi)不用搞(gao) HTTPS，有個網站就能玩(wan)，甚(shen)至用工(gong)具做(zuo)個小活(huo)動也(ye)都可以(yi)玩(wan)。但(dan)是(shi)小程序，從后端開始就有限(xian)制，要求域名(ming)備案(an)+HTTPS，一(yi)(yi)定(ding)程度(du)上(shang)也(ye)是(shi)一(yi)(yi)點成本。

此外，小程序對文(wen)件大小也(ye)有限(xian)制，雖(sui)然現在(zai)已經支(zhi)持分包加載，但是在(zai)文(wen)件大小方面，H5 本身是沒有什(shen)么限(xian)制的。只是實際開(kai)(kai)發的時候，要照顧用戶的體驗，不(bu)能讓頁面打開(kai)(kai)太慢。

綜(zong)上(shang)所述，H5 和小(xiao)程序在不(bu)同的場景下(xia)各有千秋，具體使用哪一(yi)種要看(kan)你(ni)看(kan)重哪些(xie)能(neng)力。H5 和小(xiao)程序都是(shi)實現(xian)產品的工具，選擇工具最擅(shan)長的能(neng)力，其(qi)他方(fang)面(mian)再想(xiang)辦法來彌補即可。最后(hou)，再附上(shang)完整表格一(yi)份(fen)，看(kan)你(ni)是(shi)否已經(jing)明了二者的差異：

如果你還有(you)其他疑問(wen)，歡迎留言與我交流(liu)。