BI報(bào)告：性能不是問題！HTML5更具長(zhǎng)期優(yōu)勢(shì)
當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
Business Insider Intelligence日前在最新報(bào)告中剖析了原生應(yīng)用與HTML5的發(fā)展現(xiàn)狀，指出HTML5的性能和盈利等問題都是可以解決的，而HTML5正以“潤(rùn)物細(xì)無(wú)聲”的方式被越來(lái)越多人接受，并且與原生應(yīng)用相比更具長(zhǎng)期優(yōu)勢(shì)。
如今的移動(dòng)瀏覽器支持大部分HTML5功能（綠色為支持，藍(lán)色為部分支持，紅色為不支持） HTML5應(yīng)用在移動(dòng)領(lǐng)域的魅力不言而喻：它基于Web、在移動(dòng)瀏覽器內(nèi)運(yùn)行，不受移動(dòng)平臺(tái)及設(shè)備的限制，也不需要開發(fā)者針對(duì)每個(gè)移動(dòng)操作系統(tǒng)分別開發(fā)，“一次寫成，到處運(yùn)行”是它引以為豪的承諾。 沒錯(cuò)，HTML5在很多時(shí)候表現(xiàn)得與原生手段并無(wú)二致，但是也有幾點(diǎn)原因讓它往往無(wú)法成為眾望所歸的“完美方案”： 首先，HTML5本身面臨“碎片化”問題，不同移動(dòng)瀏覽器對(duì)HTML5應(yīng)用功能的支持存在差異性。 再者，雖然HTML5及其相關(guān)Web語(yǔ)言——JavaScript和CSS知名度極高，但是HTML5移動(dòng)應(yīng)用的開發(fā)成本往往并不低，也不能單純地照搬桌面Web應(yīng)用——它們需要優(yōu)秀的專業(yè)人才，也需要巨大的精力投入。
美國(guó)消費(fèi)者在Apps上花費(fèi)的時(shí)間依然遠(yuǎn)多于移動(dòng)Web（上方為Apps，下方為移動(dòng)Web） 就算有了專業(yè)的開發(fā)人才，HTML5依然面臨嚴(yán)峻的市場(chǎng)挑戰(zhàn)：消費(fèi)者如此青睞那些依賴平臺(tái)的原生應(yīng)用，HTML5如何才能勝出呢？（參見上圖） 我們將在本報(bào)告中剖析HTML5作為一種移動(dòng)開發(fā)工具所遇到的障礙，并討論HTML5將如何克服它們。 • HTML5與原生應(yīng)用大比拼：我們會(huì)具體解釋為何從長(zhǎng)遠(yuǎn)來(lái)看，HTML5在移動(dòng)開發(fā)領(lǐng)域比原生應(yīng)用更具優(yōu)勢(shì)。 • 性能差距：HTML5的監(jiān)管機(jī)構(gòu)W3C已經(jīng)大大推動(dòng)了相關(guān)標(biāo)準(zhǔn)的制定和移動(dòng)瀏覽器對(duì)HTML5功能的支持，但是很多性能方面的問題依然沒有解決。 • 開發(fā)者的心聲：我們采訪了各種各樣的人——從懷疑者、早期使用者到倡導(dǎo)者和先行者，我們向他們提出了同一個(gè)問題：“在這場(chǎng)HTML5與原生應(yīng)用的大爭(zhēng)論當(dāng)中，我們的立場(chǎng)又是什么？” 總體而言，我們發(fā)現(xiàn)HTML5正在被越來(lái)越多人接受，而一些項(xiàng)目已經(jīng)證明了它的價(jià)值。 HTML5與原生應(yīng)用大比拼：
性能差距
對(duì)HTML5移動(dòng)Web及其他平臺(tái)感興趣的開發(fā)者比例 移動(dòng)應(yīng)用云計(jì)算技術(shù)公司Appcelerator的企業(yè)策略總監(jiān)邁克爾•金（Michael King）表示,原生應(yīng)用的優(yōu)勢(shì)用一個(gè)詞概括就是：性能。 Appcelerator 提出了“互動(dòng)性斜坡（The Slope Of Interactivity）”概念，指出HTML5適合那些互動(dòng)性不太強(qiáng)的應(yīng)用，例如那些單純提供網(wǎng)絡(luò)內(nèi)容或界面非常簡(jiǎn)單的應(yīng)用。然而，如果沿著互動(dòng)性斜坡上行，那些互動(dòng)更多的應(yīng)用就需要原生手段了。 但是，有些設(shè)備功能時(shí)HTML5做不到的，這往往是因?yàn)橛脩舻囊苿?dòng)瀏覽器或?yàn)g覽器版本不支持HTML5實(shí)現(xiàn)那些功能。
你準(zhǔn)備在2013年用HTML5打造何種軟件？（從左到右依次為：桌面網(wǎng)站、移動(dòng)網(wǎng)站/HTML5應(yīng)用、可安裝的混合應(yīng)用、其他） 這在一定程度上市瀏覽器“碎片化”的結(jié)果——一方面，瀏覽器市場(chǎng)本身就呈現(xiàn)出“群雄割據(jù)”之勢(shì)；另一方面，很多智能手機(jī)用戶（尤其是Android用戶）不會(huì)及時(shí)更新軟件。 即便是最新的瀏覽器，對(duì)HTML5的支持也并不完善——例如我們?cè)诮诘囊环莘治鰣?bào)告中發(fā)現(xiàn)，Android上的最新版Chrome瀏覽器在雖然支持98項(xiàng)HTML5功能，但是也不支持28項(xiàng)功能。 這種不均衡會(huì)影響HTML5的跨平臺(tái)吸引力，而事實(shí)上，大量HTML5開發(fā)工作依然是致力于桌面環(huán)境的。 此外，HTML5在移動(dòng)領(lǐng)域也面臨一些安全性的問題，部分原因是HTML5應(yīng)用與數(shù)據(jù)的互動(dòng)方式導(dǎo)致的。“保障HTML5數(shù)據(jù)的安全是件極其困難的事情?！苯鹫f道。 W3C非常重視HTML5的性能差距，正在著手改進(jìn)HTML5和增強(qiáng)安全功能。
開發(fā)者對(duì)HTML5的幾點(diǎn)不滿——綠色為滿意，紅色為不滿，從左到右依次為跨平臺(tái)開發(fā)、快速更新、盈利、安全性、碎片化、性能、適時(shí)更新、用戶體驗(yàn)、發(fā)行 但是對(duì)于HTML5能否在性能上與原生應(yīng)用平分秋色這一問題，Appcelerator的金持懷疑態(tài)度。他認(rèn)為HTML5總會(huì)落后五六年，因?yàn)樗闇?zhǔn)的“靶子”是移動(dòng)的——設(shè)備廠商和平臺(tái)運(yùn)營(yíng)商總會(huì)推出新的硬件、平臺(tái)和功能，它們很快就能融入原生應(yīng)用的開發(fā)環(huán)境，而HTML5不得不跟在后面苦苦追趕。 制定高標(biāo)準(zhǔn) 也有人認(rèn)為HTML5沒有落后那么多——移動(dòng)應(yīng)用后端服務(wù)解決方案提供商 StackMob的CEO泰伊•阿米爾（Ty Amell）認(rèn)為HTML5已經(jīng)開始縮小性能上的差距。
你認(rèn)為用HTML5進(jìn)行開發(fā)的最大吸引力是什么？從左到右依次為語(yǔ)言熟悉（HTML、JS、CSS）、跨平臺(tái)支持、性能、工具/代碼庫(kù)、產(chǎn)出、基于開放標(biāo)準(zhǔn)、開發(fā)成本、社區(qū) 然而，HTML5為何在企業(yè)內(nèi)部應(yīng)用當(dāng)中比在面向消費(fèi)者的應(yīng)用當(dāng)中更受歡迎？一大原因，是企業(yè)應(yīng)用和消費(fèi)應(yīng)用對(duì)用戶體驗(yàn)的不同要求——對(duì)于消費(fèi)應(yīng)用，iOS 已經(jīng)樹立了“黃金標(biāo)準(zhǔn)”而Android也隨后效仿：豐富多彩的界面和圖形、快捷的捏放操作、流暢的滾動(dòng)、無(wú)縫訪問照片庫(kù)和通訊錄等設(shè)備功能…… 這些都是HTML5尚未達(dá)到的，不是因?yàn)镠TML5無(wú)法實(shí)現(xiàn)同樣的性能，而是因?yàn)椤癏TML5的用戶界面（UI）和用戶體驗(yàn)（UX）沒有真正的標(biāo)準(zhǔn)可言”，因此讓很多開發(fā)者感到很茫然——StackMob的阿米爾如是說道。一些開發(fā)者試圖在HTML5環(huán)境下模仿iOS式的用戶體驗(yàn)，但并不成功。
你是否贊同HTML5適用于移動(dòng)應(yīng)用開發(fā)？——從左到右依次為強(qiáng)烈反對(duì)、不贊同也不反對(duì)、強(qiáng)烈贊同 移動(dòng)解決方案公司Clearly Innovative的CEO埃倫•桑德斯（Aaron Saunders）認(rèn)為，HTML5在Android環(huán)境下面臨的挑戰(zhàn)尤其大——這是眾所周知的Android“碎片化”問題造成的結(jié)果。 還有一個(gè)很常見的陷阱：即便是最優(yōu)秀的Web開發(fā)人員，也難免會(huì)錯(cuò)誤地試圖把桌面和筆記本電腦上的Web體驗(yàn)照搬到移動(dòng)平臺(tái)上?！叭藗兛偸亲鲋鳫TML5的美夢(mèng)，卻意識(shí)不到它對(duì)開發(fā)者和設(shè)計(jì)者有另一套要求，而總想保留自己的老一套Web技能?！庇脩艚缑嬖O(shè)計(jì)公司Cynergy的技術(shù)總監(jiān)邁克爾•伍爾夫（Michael Wolf）如是說。 一些開發(fā)人員認(rèn)為，F(xiàn)acebook對(duì)HTML5的否定其實(shí)與HTML5本身的局限性關(guān)系不大，更重要的原因是Facebook錯(cuò)誤地試圖在移動(dòng)領(lǐng)域推行PC時(shí)代的那套方法。 Sencha是一家致力于HTML5的公司，其開發(fā)人員已經(jīng)證明了用HTML5也能做出速度快、性能強(qiáng)大的Facebook應(yīng)用（他們將這一雛形應(yīng)用戲稱為“Fastbook”）。 說到底，HTML5與原生應(yīng)用在質(zhì)量上的差別，更多來(lái)自于移動(dòng)開發(fā)者運(yùn)用相關(guān)語(yǔ)言的才華和經(jīng)驗(yàn)，而并非HTML5的局限性。 進(jìn)入商店
你喜歡用什么方法來(lái)開發(fā)支持多平臺(tái)的應(yīng)用？紫色為HTML5、綠色為混合應(yīng)用、紅色為一個(gè)原生加一個(gè)HTML5、藍(lán)色為原生；從上到下依次為全球化企業(yè)、大型企業(yè)、中型公司、小公司、初創(chuàng)企業(yè)（少于5人）、整體。（數(shù)據(jù)來(lái)源：Kendo UI） HTML5是大型企業(yè)打造大量應(yīng)用的一個(gè)重要技術(shù)趨勢(shì)（參見上圖）。在全球化企業(yè)中，近40%的開發(fā)人員表示將采用純HTML5技術(shù)開發(fā)多平臺(tái)應(yīng)用。 但是對(duì)于面向消費(fèi)者的應(yīng)用，HTML5卻遇到了“先有雞還是先有蛋”的問題。 圍繞iOS和Android這兩大操作系統(tǒng)，移動(dòng)行業(yè)已經(jīng)有了自己的業(yè)內(nèi)標(biāo)準(zhǔn)。消費(fèi)者迷戀原生應(yīng)用，在應(yīng)用上花的時(shí)間遠(yuǎn)多于移動(dòng)Web，每年從蘋果App Store和Google Play下載應(yīng)用的次數(shù)都以“十億”為單位。 原生應(yīng)用顯而易見的成功使得移動(dòng)發(fā)布商不愿全面轉(zhuǎn)戰(zhàn)HTML5——即使HTML5徹底消除了性能上的差距，開發(fā)者對(duì)于開發(fā)純HTML5應(yīng)用也會(huì)相當(dāng)謹(jǐn)慎，因?yàn)楫吘乖诰€應(yīng)用商店才是最主流的發(fā)行渠道，而智能手機(jī)和平板電腦用戶還不習(xí)慣直接從移動(dòng)Web下載軟件。 于是“混合應(yīng)用”應(yīng)運(yùn)而生——它們是“披著”原生代碼的HTML5應(yīng)用，可以被提交到應(yīng)用商店中——例如職業(yè)社交網(wǎng)絡(luò)LinkedIn的Android、iPhone和iPad應(yīng)用就以HTML5為主但能在應(yīng)用商店下載。 此外，Mozilla等機(jī)構(gòu)也在努力解決HTML5的發(fā)行問題——Mozilla已經(jīng)推出了完全基于HTML5的Firefox OS智能手機(jī)操作系統(tǒng)和面向HTML5應(yīng)用的“Firefox Marketplace”應(yīng)用商店。 “用戶們都去應(yīng)用商店尋找內(nèi)容，這迫使發(fā)布商走向原生?！彼沟俜仓Z•梅魯奇（Stefano Melucci）說道。他是移動(dòng)內(nèi)容公司Buongiorno的副總裁，該公司已經(jīng)推出了自己的國(guó)際化HTML5應(yīng)用商店Appsfuel。 HTML5的影響力 越來(lái)越多的公司和初創(chuàng)企業(yè)開始采用一種非常微妙的移動(dòng)開發(fā)方法——結(jié)合HTML5和原生應(yīng)用的長(zhǎng)處，一邊開發(fā)HTML5應(yīng)用一邊開發(fā)一款或更多原生應(yīng)用，以覆蓋所有用戶群體。 一些開發(fā)人員轉(zhuǎn)向混合式解決方案，以HTML5為中心但引入原生元素，讓應(yīng)用打入應(yīng)用商店或是給人以更自然的感覺。 而另一個(gè)選擇，是針對(duì)某個(gè)對(duì)目標(biāo)用戶尤其重要的平臺(tái)（如iOS或Android）開發(fā)一款100%原生的應(yīng)用，然后在用HTML5或混合手段開發(fā)面向其余平臺(tái)的應(yīng)用。 不過換個(gè)角度來(lái)看，“一點(diǎn)兒也沒用到HTML5的原生應(yīng)用也是難得一見的?！币苿?dòng)開發(fā)公司appMobi的CTO薩姆•阿巴蒂爾（Sam Abadir）如是說道——他所在的這家公司最近剛剛將自己的HTML5開發(fā)平臺(tái)出售給英特爾。（參見下圖）
總之，在原生與HTML5之間"腳踩兩只船"的解決方案并不少見。 [保存到相冊(cè)] 對(duì)于純粹的原生應(yīng)用來(lái)說，為每個(gè)平臺(tái)從頭折騰一遍是既費(fèi)時(shí)又費(fèi)錢的事情?！拔业迷O(shè)計(jì)兩遍、維護(hù)兩遍、開發(fā)兩遍。”Cynergy的伍爾夫說道。 如果開發(fā)商或發(fā)布商沒有特別充足的資源或資金，那么針對(duì)不同平臺(tái)重復(fù)利用HTML5或JavaScript往往不失為明智的開發(fā)策略。Clearly Innovative的桑德斯認(rèn)為，這一策略不但尤其適用于那些需要在多個(gè)平臺(tái)上開發(fā)多款應(yīng)用的大公司，也適用于初創(chuàng)企業(yè)——它們可以先利用HTML5以較低的成本進(jìn)行開發(fā)、測(cè)試和改進(jìn)，然后“在賺了些錢、有了些知名度之后，再開始開發(fā)原生或混合應(yīng)用”。 HTML5 的一個(gè)應(yīng)用案例 很多人抱有一種成見，認(rèn)為高度互動(dòng)、圖形豐富的應(yīng)用應(yīng)當(dāng)是原生的。
TradeMONSTER 或許用原生代碼的確更容易實(shí)現(xiàn)高級(jí)效果——例如將數(shù)據(jù)轉(zhuǎn)化為圖表，但是HTML5事實(shí)上也能做到。 芝加哥在線交易公司TradeMONSTER的iOS客戶端應(yīng)用就是一個(gè)例子——該公司對(duì)移動(dòng)應(yīng)用有一系列要求，包括移動(dòng)交易環(huán)境能與桌面Web同步、跨平臺(tái)保存用戶的個(gè)性化設(shè)置、性能穩(wěn)定無(wú)bug、控制開發(fā)成本、可以重復(fù)應(yīng)用于不同大小的屏幕、易于更新、保障數(shù)據(jù)安全，等等——但是，這一長(zhǎng)串必要條件之下，TradeMONSTER依然選擇了基于HTML5的解決方案（加上一個(gè)讓應(yīng)用進(jìn)入應(yīng)用商店的“原生外衣”）。
近一段時(shí)間內(nèi)，開發(fā)者對(duì)HTML5的興趣變化不大（從2012年9月到2013年1月；藍(lán)色為積極使用HTML5的開發(fā)者比例，紅色為計(jì)劃在年內(nèi)開始使用HTML5的開發(fā)者比例，綠色為今年不準(zhǔn)備使用HTML5的開發(fā)者比例） TradeMONSTER 的CTO桑吉布•薩胡（Sanjib Sahoo）表示，公司最擔(dān)心的問題是用戶體驗(yàn)?zāi)芊裣裨鷳?yīng)用一樣出色，而他們也遇到了很多復(fù)雜而棘手的問題（包括實(shí)時(shí)數(shù)據(jù)的圖形化等等），并且需要進(jìn)行很多調(diào)整，好在最后效果不錯(cuò)——TradeMONSTER現(xiàn)在有了能實(shí)現(xiàn)跨設(shè)備流暢同步的跨平臺(tái)應(yīng)用，并且無(wú)需經(jīng)過蘋果或谷歌就能向用戶推送更新。 結(jié)論 • HTML5并非完美方案。它不能完美地解決多平臺(tái)、多設(shè)備應(yīng)用開發(fā)中所有令人頭痛的問題。 • HTML5應(yīng)用要想充分發(fā)揮其潛力，就必須格外注意用戶體驗(yàn)。只要方法對(duì)路，HTML5應(yīng)用的性能也能與原生應(yīng)用相匹敵。 • 盈利與發(fā)行問題是可以解決的。通過混合手段讓包裝過的HTML5打入應(yīng)用商店，就能最大程度地減輕這些問題。此外，已經(jīng)有移動(dòng)發(fā)布商對(duì)其HTML5應(yīng)用的獨(dú)立營(yíng)銷獲得了成功。 該文章在 2013/3/22 15:19:06 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
