Web App三大挑战:浏览器性能不足是最大障碍

标签: 产品与案例 前沿与评论 工具与框架 技术与实践 设计与交互 | 发表时间:2012-05-10 15:35 | 作者:Lisober
出处:http://www.webapptrend.com

中国Web App概念的兴起,起源于HTML5标准的逐渐成熟和大型互联网公司的推动。这其中包括百度的框计算、Google运行于Chrome上的Web App Store以及Facebook的HTML5项目“斯巴达”(Project Spartan)。前两个项目当前主要侧重于PC端,而Facebook的Spartan可以说主要是瞄准了移动端的用户市场。

究竟什么是Web App?

很多人从Web App字面上理解就是运行在网页上的应用。可普通用户很难理解:应用是App,网页是web,两个不同的东西是怎么结合呢?另外,综合当前的软件和硬件环境来看,显然不是所有的应用都能跑在网页上的。还有,应用要有应用的“样子”,Web App和普通的网页从UI和UE的层面也有比较大的差别……这种种的区别和不解造成的疑惑让很多人认为Web App就是更像应用的WAP。那到底什么是Web App?维基百科上Web App的定义是:

“A web application is an application that is

accessed over a network such as the Internet or an intranet [1].

The term may also mean a computer software application that is

coded in a browser-supported language (such as JavaScript, combined

with a browser-rendered markup language like HTML) and reliant on

a common web browser to render the application executable.”

我们来拆分一下这里面的几层含义:

1、Application:应用,为用户完成一个或多个功能而设计的程序;

2、Internet or Intranet:运行于广域网或局域网之上;

3、Browser-supported language:使用浏览器支持的语言;

4、Web browser:运行于标准的浏览器解析引擎上。 

移动端Web App和WAP有什么不同?最直接的区别就是功能层面。WAP更侧重使用网页技术在移动端做展示,包括文字、媒体文件等。而Web App更侧重“功能”,是使用网页技术实现的App。总的来说,Web App就是运行于网络和标准浏览器上,基于网页技术开发实现特定功能的应用。 

Web App有众多的优点

第一、使用W3C标准的HTML语言开发,能够轻松实现跨平台,移动应用开发者不再需要考虑复杂的底层适配和跨平台开发语言的问题。与此同时,使用HTML来开发的Web App在投入上会大大的低于传统的Native App。 

第二、基于当下开始普及流行的HTML5,Web App可以实现很多原本Native App才可以实现的功能,比如LBS的功能、本地数据存储、音视频播放的功能,甚至调用照相机和结合GPU的硬件加速功能。

第三,移动应用的迭代周期平均不到1个月,用户需要不停的重新下载与升级。而Web App则无需用户下载,并且和传统网站一样可以动态升级。

第四,Web App有App的特性,更有Web的特性。每一个Native App在当前的用户使用场景下是相对孤立的,而Web App则可以像传统互联网网页那样相互链接,从一个Web App直接跳转到另外一个Web App。这无论是从用户的使用体验层面还是从应用之间的数据传输来看都是非常不错的选择。 

Web App当前也有很多的缺陷 

 

首先是标准的规范尚未定案。

Web App的实现需要多个层面的标准配套,如WAC标准、Device API标准以及HTML5标准。在这些标准都尚未完善之前,Web App还无法实现Native App的常用功能,如摄像头的调用。 

其次,不同浏览器支持的差异性将成为长久的问题。

在PC端Firefox、IE、Chrome等浏览器虽然都遵循HTML标准,但最终展示效果仍旧会有偏差。在移动端这种情况只会进一步加剧。比如HTML5标准中对input的类型进行了定义,其中包括时间型如type=datetime。不同的浏览器展示出来的最终效果千差万别。另外CSS3的支持效果各个浏览器核心也会有自己的风格,做不到完全统一。这和Native App相比,成为比较大的弱势。 

第三,最大的问题就是移动设备浏览器的性能还不能支持与Native App体验媲美的Web App。

体验不流畅和响应速度慢是Web App当前面临两个最大的硬伤。目前Web App主要使用第三方的JS框架来完成开发,其中国外比较知名的包括JQuery Mobile、Sencha Touch、JQMobi等。这些开发框架的比较统一的特色比如都是把代码写在一个网页文件内,不同的界面通过不同的DIV切换来展示。这直接导致了Web App在界面切换过程中的不流畅。而这一问题必须随着硬件的发展和软件的优化来逐渐的完善。根据分析从存量智能手机和新手机发展的状况来看根本上解决这个问题可能还需要到2014年。 

总结
Web App当前在优势和缺陷都十分明显的情况下,开发者该如何选择?一方面是跨平台和低成本开发的巨大吸引力,另一面是似乎还缺少实用性。国内外开发者陷入到Native App VS Web App的巨大争论中。正是在这样的环境下,Hybrid App的概念被提出。这种兼具Native App和Web App的优势又能将两者的缺陷最小化的移动应用开发模式成了一种全新的选择。国内外知名的Hybrid App移动应用开发框架有Phonegap、Appmobi以及AppCan等。从2011年底开始这些移动应用开发框架逐渐进入移动应用开发者的视野,面对这种全新的选择,开发者还需要更深入的了解。虽然从学习到实用还需要一个过程,但是终究不用仅仅局限于Native or Web这种二选一的困惑中。Hybrid App正在悄无声息的挑战着Native App 和 Web App!

本文作者刘鑫,跨平台及Web App研究和践行者

您可能也喜欢:

iOS 5.1Web存储方式的打破会影响到Web App吗?

大调查:Apps VS. Web 谁将是未来主流?

Google Web App开发指南第四章:构建优秀的Web Apps

Native App和Web App之争纯属扯淡
无觅

相关 [web app 三大] 推荐:

创建Chrome Web app

- Hobbes - Marshal's Blog
编写了一个Chrome下使用的Web app. 点击这个应用,就可访问我的博客. 其实有它特殊的好处,直接访问网站,程序无法自动获取HTML5的权限,比如存储限制. 安装应用,相当于安装了一个配置文件,浏览器将打开必要的权限. 如果你也使用Chrome,可以通过这里下载安装. 开发这样的应用并不难,过程类似以前开发Chrome扩展(编写最简单的chrome扩展).

iOS Web App初步

- - 新浪UED
iOS Web App开发,配合HTML5,是目前比较热门的话题. 今天,先抛开HTML5,我们来尝试在PhoneGap框架上进行简单的开发. PhoneGap是一个使用HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台. 它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry等智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能.

Web App三大挑战:浏览器性能不足是最大障碍

- - Web App Trend
中国Web App概念的兴起,起源于HTML5标准的逐渐成熟和大型互联网公司的推动. 这其中包括百度的框计算、Google运行于Chrome上的Web App Store以及Facebook的HTML5项目“斯巴达”(Project Spartan). 前两个项目当前主要侧重于PC端,而Facebook的Spartan可以说主要是瞄准了移动端的用户市场.

Web App和Native App 谁将是未来

- - 互联网旁观者
未来是Web App的天下,还是Native App的天下. 作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计. 那么,我们首先应该立体的认识一下Web App和Native App. Web 无需安装,对设备碎片化的适应能力优于App,它只需要通过XHTML、CSS和JavaScript就可以在任意移动浏览器中执行.

Web app设计浅谈

- Jason - 网易用户体验设计中心博客
HTML5技术的强势发展,为互联网带来的最大改变就是: web从“已死”的预言中回过头来给Native app一记沉重的回马枪,web app成为举世瞩目的明星开始走在各大公司研发的时刻表中. Google 、微软、苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗,并试图建立以自己为中心的”云“服务平台,企图在web app时代到来的时候充当霸主.

Web将死,App当立?

- - 创意科技 - 果壳网
作为一位著名的软件开发者和博客世界的先驱者,戴夫·温纳(Dave Winer)于1997年创办了Scripting News(最早的博客网站之一). 由于他总是与微软、谷歌等大公司隔空对骂,所以在博客世界颇为出名. 最近他在博客中谈了自己对于web将死的看法. “我总是听人说道,web将死,app才是未来.

App VS Web,谁主沉浮?

- Pancho Tsui - 月光博客
  琢磨一下:移动互联网的未来,到底是web后来居上,还是app居中主流呢.   到目前为止,貌似答案都是app,甚至《连线》杂志都发表了“web已死”的宣言. 没错,app确实有很大优势,尤其在利用硬件性能上,比web要强大很多,苹果主推app而不是web,就因为app另起炉灶,专为移动设备开发,速度、流畅性、交互习惯、页面布局都得到最用心的考量,也就是最棒的用户体验.

论Web App、Hybrid App、Native App设计差异

- - 百度MUX
目前主流应用程序大体分为三类:Web App、Hybrid App、 Native App. 一、Web App、Hybrid App、Native App 纵向对比. 首先,我们来看看什么是 Web App、Hybrid App、 Native App. Web App 指采用Html5语言写出的App,不需要下载安装.