編者注：本文根據(jù)劉平川在《HTML5——用新方式創(chuàng)造更好的用戶體驗(yàn)》活動(dòng)上的演講整理。劉平川為前百度 FEX 前端團(tuán)隊(duì)負(fù)責(zé)人，現(xiàn)在美團(tuán)工作。

HTML 5 具有無(wú)縫切入任何應(yīng)用和設(shè)備的先天優(yōu)勢(shì)而且入門成本比較低，因而從騰訊、小米和美團(tuán)這些大公司到火速輕應(yīng)用和白鷺引擎等創(chuàng)業(yè)公司都已經(jīng)快速進(jìn)入這個(gè)領(lǐng)域。

HTML 5 游戲和宣傳頁(yè)還在探索階段

HTML 5 小游戲是目前廣泛流傳的使用方式，但將 HTML 5 頁(yè)面的流量轉(zhuǎn)化成游戲下載量時(shí)卻面臨著尷尬的局面。如果不打開(kāi) App Store 就沒(méi)有辦法直接下載，微信只能通過(guò)應(yīng)用寶，無(wú)法提供 SDK 下載，最終還是得跳出瀏覽器，影響使用體驗(yàn)。

然而這樣的轉(zhuǎn)化率非常低，對(duì)于游戲來(lái)說(shuō)甚至千分之一的轉(zhuǎn)化率都不到。為此一些開(kāi)發(fā)者不得不在微信右上角加上「打開(kāi)瀏覽器下載」特殊的文字，即使是去年火爆一時(shí)的「神經(jīng)貓」可能都無(wú)法養(yǎng)活自身團(tuán)隊(duì)。

所以從 HTML 5 游戲入手的公司一定會(huì)在游戲引擎和合作方面花心思。

此外，專題頁(yè)面也是常見(jiàn)的使用模式，大多數(shù)的情況下是做導(dǎo)流，比如說(shuō)公司的招聘宣傳頁(yè)面，或者是公司數(shù)據(jù)展示，有的增加了交互，比如神州專車，輸入手機(jī)號(hào)碼，將代金券推送到手機(jī)上。

嚴(yán)格意義上來(lái)看現(xiàn)在還是 HTML 5 探索階段。

O2O 模式更適合 HTML 5

O2O 可能是最適合 HTML 5 應(yīng)用的行業(yè)，因?yàn)椴恍枰刑貏e復(fù)雜的產(chǎn)品交互。特別是上門服務(wù)，例如按摩、美甲、洗車，只需要輸入手機(jī)號(hào)碼，用戶信息和地址，就可以直接傳達(dá)到商家，然后通過(guò)它變成一個(gè)品牌。

但創(chuàng)業(yè)公司會(huì)嚴(yán)格受限于微信本身的功能，無(wú)論是支付還是獲取地理信息，都局限在微信的圈子里面，最終可能只是為其打工。

如果跳出微信則面臨著流量來(lái)源的困境。通過(guò)微信公眾號(hào)不太用擔(dān)心流量，一旦變成獨(dú)立應(yīng)用后，這個(gè)使用頻次最高的應(yīng)用保護(hù)傘就消失了，添加公眾號(hào)的比從應(yīng)用商店下載更符合用戶習(xí)慣。

如果 O2O 應(yīng)用要真正把它變成單獨(dú)應(yīng)用的話，一定需要更豐富的服務(wù)吸引用戶，成為聚合 O2O 應(yīng)用的平臺(tái)，這就是 58 到家的模式。

百度推廣的輕應(yīng)用模式處境尷尬，獨(dú)創(chuàng)的 @ 搜索 對(duì)普通用戶來(lái)說(shuō)認(rèn)知門欄太高，此外 Android 5.0 以下 版本兼容性差，做出來(lái)的效果不夠好。

小米具有天然優(yōu)勢(shì)

而小米恰巧產(chǎn)生了優(yōu)勢(shì)，正因?yàn)樽约旱南到y(tǒng)跑在自家的機(jī)器上，適配不是大問(wèn)題，小米黃頁(yè)就是一個(gè)典型的 HTML 5 應(yīng)用案例，其對(duì)接了各個(gè)第三方的服務(wù)。小米現(xiàn)在已經(jīng)有很多應(yīng)用 HTML?5 化了。

雖然微信、小米、百度都會(huì)把這部分的能力開(kāi)放出來(lái)給大家，但在實(shí)際開(kāi)發(fā)中依舊面臨著流暢度的問(wèn)題，CPU 能力還是瓶頸。

例如下拉刷新的開(kāi)發(fā)難度不大，但效果卻很卡，從普通的 Web 頁(yè)面跳轉(zhuǎn)到 HTML 5 制作的頁(yè)面，動(dòng)畫效果卡頓。

現(xiàn)在的解決方案是把場(chǎng)景和場(chǎng)景之間的切換直接做到客戶端里，在微信里也有場(chǎng)景切換，小米在這點(diǎn)做得特別好，你看不出來(lái)它是原生還是 HTML 5 制作的，因?yàn)閳?chǎng)景切過(guò)去很流暢。

在高配版的小米 Note 上 HTML 5 頁(yè)面已經(jīng)運(yùn)行流暢，如果把小米作為行業(yè)標(biāo)桿，明年這個(gè)時(shí)候很多 HTML 5 的應(yīng)用都應(yīng)該能流暢運(yùn)行。

未來(lái)瓶頸不再是 CPU 性能

如果不利用微信平臺(tái)，則可能遇到運(yùn)營(yíng)商劫持的問(wèn)題。運(yùn)營(yíng)商發(fā)現(xiàn)如果有網(wǎng)絡(luò)的話，會(huì)給用戶加一個(gè)廣告，因?yàn)?HTML 5 本質(zhì)上就是一個(gè) Web 頁(yè)面。

要么通過(guò)中間加載的方式，把一些網(wǎng)絡(luò)域名給干掉，或者用 https 的方式，https 可以給你解決掉類似的問(wèn)題，但網(wǎng)速又會(huì)下降。

所以在未來(lái) HTML 5 面臨的不再是性能方面的問(wèn)題，還有網(wǎng)絡(luò)和安全的阻礙。

來(lái)源：極客公園，文章初始鏈接http://www.geekpark.net/topics/212456