W3C中国

» 2017百度AI全球开发者大会 — Web分论坛纪要

 


    主持人:女士们、先生们各位领导和嘉宾大家下午好,欢迎来到百度AI开发者论坛,Web分论坛的现场。我代表百度对于莅临到现场的各位嘉宾、各位生态合作伙伴以及所有的媒体朋友们表示热烈的欢迎和衷心的感谢,谢谢大家!

   上午大家见识到Web的来临,Web是技术生态中最重要的部分。百度搜索在这些年我们一直在深耕整个搜索技术和用户体验同时,一直在心系着外部的繁荣。今天来到现场绝大部分是我们开发者,也有我们生态合作伙伴和各位媒体朋友,究竟站在大家角度上如何去诠释这八个字,用我今天的开场部分来为大家做诠释。

    我这部分是Open Web大有可为,具有更多的创新性和可能性。

    百度这些年一直在Web生态上做了很多事情,希望能够把Web生态做的更加繁荣,看一下外部的技术,它的成长分为三个阶段:第一个信息发布时代,这个时代有很多门户网站跟新闻网站崛起,很多模式是一个边境,把一些对应的文稿或者是新闻通过4MS的系统发到对应网站上,接下来出现一个Web2.0,随着技术的进步而产生的。这个时代出现大量的PBS,各类的生态。紧接着移动时代的时候出现了Web应用这样一个模式,在很多应用中点过去之后,甚至没有办法区分是一个外部的实现。

    Web上边这半部分是用户产生需求之后,通过APP产生的场景,在自己的手机上去安装下家,调取终极APP都需要去找需要去下载。这个过程中会流失,流失很多用户。并不是所有的用户都愿意去完成所有这样一个过程,最后到达APP消费他的内容。下边是外部的满足,通过搜索引擎看到这样需求之后,直接进入到Web去消费,整个通道更加短,整个转化率更加高。百度有这样责任和义务推动整个外部技术的进步。

    谈完了Open Web之后,它其实还存在很多挑战,包括在圆桌对话根据这个问题做更多的探讨,把这些挑战主要分为四块,第一块是安全。看到有越来越多这样一些事件发生,每天有用户信息在泄露,这些都是安全问题。第二个挑战是一速度和体验方面,一个外部速度和体验直接会决定用户在上面消费一个转化率。第三个挑战是体验增强,Web有更多的想象空间,大幅度提升客户获取信息和内容的一个效率。 第四个挑战是用户留存,有很多开发者认为,在Web上其实对用户留存场景并不是那么好,PC时代留存用户我需要让用户去注册成为我们会员,Web时代在手机上装APP有这种调整。但是在Web还是一个缺陷,这个挑战也是未来要去解决的。

    可以看到这张图,百度搜索生态比喻成一个冰山,冰山上是用户看到的状态,再往下是整个技术生态的部分,就是在意搜索技术这块要处理很多问题。比如说我们在抓取能力、索引能力,排序,相关算法,这些都是搜索技术的部分。再往下是更大的技术生态,这个技术生态上要考虑更多的问题。包括易用性、安全、性能这些问题。其实百度在这过程中已经有很多去解决这些问题的实现。比如说在2016年的时候推出一个MIP,移动网页加速器这样一个技术。首先安全方面,百度2015年完成了全站HTTPS的转化,也是第一个完成这个服务的,我们也积累很多经验,推出了帮助第三方网站做HTTPS的产品。一个是整站的HTTPS的方案,百度云这样一个东西。无论是收入还是到检索还是到排序,因为HTTPS各个环节更加信任。

    掌握了安全再来看在移动APP上一个性能问题,这块谈到MIP,MIP是一个移动网页加速器,它经过了一年左右发展,目前可以平均提升网页速度达到30%到80%,性能的提升带来转化率的提升,整个转化率5到30%这样一个提升,在9个月前MIP开元有30个工程师,组建的数量18个,短短9个月目前这个数量分别是378和215个组件,短短这么多时间有这么大增长,更是说明了这项技术有强大的生命力。

    目前已经有5400多个站点提交MIP页面,超过10多亿移动页面完成MIP化,每天有数以MIP页面从百度点出。在MIP体验上大家在做什么?下面是开元地址,LAVAS,火山岩的意思。在MIP上一个解决方案,PWI利用前沿MIP技术实现Web体验的。第二个是Web Push一样可以给用户推送消息,可以去运营我们用户。第三个添加到桌面,外表可以向Web一样添加到桌面。

    LAVAS基于这样一个理念的产品,这三个上也推出我们的解决方案。这是整个LAVAS的方案,这里边关注两个问题,Web开放很多接口,我们还有很多包括登陆,包括支付,包括视频多种接口提供出来。第二个问题在这样一个场景下,每张页面是Web Paga页面,可以通过各种渠道,包括搜索引擎给它导入很多流量。

    讲完安全问题,速度问题,整个Open Web有更多的可能性。比如说AR,可以构建周围环境三维模型,呈现3D的内容,把虚拟的场景和现实场景做结合。比如说基于,搜这个词可以体验一下AR场景,极大的提升用户的获取内容和信息的同步,极大的提升效率。后面我们同事也会给大家进一步的介绍在AR上的成果。刚才讲到整个Web生态上面,百度技术上做了很多努力,在整个生态上同样也会做很多努力。

    我们会在今年的有一个新的搜索平台推出,这样搜索平台上为优秀的Web开发者做三部分的赋能,第一是技术赋能,包括了MIP,包括了LAVAS。包括更多API的接口。更多是流量的赋能,LAVAS推广费用比较高。实际上在这个时代,越来越多的优秀内容创业者他们走向了前台,在这个时候会有更有一些机制保障真正优秀的内容,优秀的服务能够脱颖而出。这是我们用户方面,在手机百度上直接向他关注的粉丝关注消息,这样一个产品可以期待一下,9月底的时候可以正式推出。

    刚才讲到更安全的移动Web,更快的移动Web和更好体验的移动Web。围绕Web整个开放生态,这个就是互联网的未来。我的部分就是这些,最后以这话来讲,“Open Web大有可为”。谢谢大家!

    当我们谈到用户体验的时候,刚才讲到LAVAS这样一个项目里面,我们开元很多组件,开元将我们理念不断的输出,接下来话题,设计智慧。

   许诺:我是来自百度自身用户界面设计师,最近几年发现身边越来越多朋友关注科技对我们工作和生活的影响,因为整个大范围充斥着未来浓郁的气息,现代科技是如何体现商业价值?以及设计又在其中扮演什么角色?我心到一条新闻,曾经大出风头的无人及3D Robotics是如何滑向深渊?过去2016年里,从美国无人机变成疲于奔波的一家公司,最后宣布退出了制造无人机领域。与此同时中国国产无人机占领了世界无人机市场。这结果不禁令人感叹。

   创造力是第一生产力,为什么这条新闻却没有得到很好成功的体现?我在网上看过这样一条评论,描述非常好。首先先描述一下中国特点,中国是一个具有大量优秀资源国家,在众多优秀资源中突出的是中国制造业能力,在世界范围内中国制造力不是最优的而是独家的。第三方制造业能力。

    那就是大规模的复杂产品的开放性制造,这意味着什么?任何一个创新的产品最终都要面临着批量化生产的一个过程,其他的国家从创新到批量化生产需要的不仅是几个月,也许需要是一到两年。这意味着我们中国人在人工领域有一个绝佳的机会,那就是在创新阶段我们可能比你落后了那么几个月,但是在后面的批量化生产阶段,我们能比你领先一到两年,这就意味这如果一直紧跟科技前沿,有机会实现商业价值上的反超。反倒我们把最新科技推向市场。

    所以既然中国的特点是生产力世界第一,为什么不借助中一强大的科技生产力,将有创造性的人才,从日常高重复性工作中解救出来?让他们能有更多的时间专注在自己擅长事情中去,充分发挥他们个人创造性智慧。通过一系列的设计,将人工智能拆分。这里有简单的从设计角度讲一下,百度搜索如何实现智能化设计,首先先说一下百度搜索的设计原则,百度搜索设计原则是通用、简洁、高级、一致和技能。说到简洁可能抽象,作为一个设计师我很关注每一个像素点,再一个苹果7Plus情况下,需要住2742336个小数点,采用了横纵向的基准线。格栅设计通过简洁现在范围,提升了设计质量和效率,为用户带来的精准用户体验。这个基准线和格栅的设计方法,这有利于有效统一。

    想一想颜色,16777216个,这里边给大家介绍三种颜色的一个简化方式。第一种是瑟值简化方式,这是一个16位HEX色值的色纸,考虑红绿蓝就可以了,第二个做一下微调整的参数。

    第二种是色盘简化,第三种叫基准色简化方式,选定一个颜色可以按照一定的比例向上增加亮度,向下减少亮度。这样我们在得到简化数值同时,使颜色呈现很强的节奏感,有了基准方式可以做一些尝试,这里选了一些色盘,并且定义为这个颜色为基准色,按照20%为一个单位,向上增加亮度,向下减少亮度。这样的结合得到216种颜色。

    有一个具体的案例给大家分享一下,这个案例讲的是北京天气,右边这个图片因为颜色非常鲜艳,但是信息展示层面没有得到很好的好处,左边白色这个卡片,这个信息层次一下就凸显出来了,格栅和颜色是最为简单的部分,还需要专业的设计师帮我们提供专业的设计排版等等。但是希望在开发过程中,同样给大家提供高品质设计结果,所以优秀设计师结合高品质的设计和流畅动画,连通百度应用技术一起分干成一系列的组建。不用担心你设计出来的页面不好看,用一个视频向大家介绍一下我们设计成果。

    这是关于牛排制作推荐的卡片,左侧是优化前的样式,右侧是通过百度智能化组建设计出来的。左边是旧样式,右边是应用后的样式,这是一个关于旅游的话题,这是小说首页一个优化前后的对比,小说前后的对比。评论页的优化前后对比,最后还有一个是视频列表的优化对表。以及一个详情页的优化对比,如果你们对我们组建化设计很感兴趣,关注百度开发者信息,之后将相应的信息陆续传到这个网站上。

    有了组建化设计,相当于有了强大的生产力,我们从此立于不败之地了吗?答案显然是NO。我们还能做什么?说道这里我不得不提一下,中国人强大的个体学习能力。6月份度过了高考,大量的优秀的学习人才我们给这类优秀学习人才通用的名词叫什么?学霸,学霸怎么产生?在一个封闭的考场里,没有任何的电子设备,高考无疑是肉搏战。当创新演变成即插即用的科技,未来只嘘唏灌注自己的专长,统一强强联手将优质资源串联起来,一百度就是这么一家具有优质资源的公司,全球最大的中文搜索引擎,拥有60亿流量的背后是特别强大的技术力量。百度搜索设计,希望以一个强有力的链接者的形象。百度搜索设计,希望以一个强有力的链接者形象,用我们智慧和设计理念,将人与人、科技与人、现在与未来相连,我们愿意做全球创新的支持者和推动者,助力大家尽早走上成功道路。

    主持人:我们进入到Web体验的环节,第一个是安全问题,第二个是性能和速度的问题,第三个是整战体验的问题。接下来有请张伟伟、吕明先生为大家带来Web体验。

    张伟伟:首先我做第一部分的介绍。先回顾一下互联网上遇到的一些问题,百度搜索的时候出现一个空白页,或者是访问的网页被插播技术的广告。我们请求被强制跳转一次,甚至用户的隐私也遭到了泄露,这些现象背后隐藏相同的问题,网络劫持。之前有数据统计显示,劫持者控制着流量中的10%,这些劫持通常是怎么发生的。我们可以看一个典型劫持场景,用户的请求除非转发给百度服务器之外,劫持者请求到自己的服务器,到达用户的浏览器,从而欺骗了用户。我们验证了上述的分析,这个可以看到,除了根据响应数据来判断这是一个劫持以外,强可以通过两点,一个是通过RTT时间明显缩短,第二个IPTTL和Identiication突变,怎么解决这个问题,我们使用APS保护,身份验证、数据加密、完整性校验,防止中间人劫持。为什么HTTPS没有普及?它的速度很慢,还有服务的资源消耗也会变大,还有网站改造成本比较高。我们做到了,百度搜索是国内第一家完成全站HTTPS改造大型站点。

    其中我们遇到很多困难和挑战,服务器处理能力在开启HTTPS以后开启了一个数量值,第二点如何保证安全的时候,保证尽可能多所有用户可访问的。出现不可预期的时候,安全和可用性如何保证?第三百度搜索进行改造的时候设计了几十个产品线,上百个域名,还有第三方资源,这些改造的工作量非常的庞大。先看一下访问速度的优化,这是一次HTTPS请求最长的路径,从域名解析到请求发出,前后经过七步,增加不仅仅是HTTPS关于证书验证比较灵活,而且从新让这个环节往往是用户的习惯和浏览器完成的。

    要消除网络的延迟,减少CPU的运算,节省流量,提前渲染。在百度站上有关于这方面详细分享的文章。想强调两点:一个是优化手段只能覆盖部分客户端,最好用的优化手段是TCP连接的复用。

    如果作为APP开发,可以通过定制网络组件方式达到更好的优化效果。通过使用HTTPS解决正确性合理性的问题。还有SSL握手的时候,减少网络延迟,节省CPU资源。证书验证这个环节是大家经常会忽略,在D端手机上带来200多毫秒的延迟。最后在数据传输的时候大家可以尝试使用一些新的战略算法和压缩算法,达到加快速度和节省流量的效果。

    第二个挑战,安全和可用性。往往提高安全性可能在一些场景中会损害用户可用。保证用户可用的条件下,用户损失安全,两者需要再一个合理的边界达到平衡。所以首先看一下这个边界,突出两点。第一个是安全等级,第二个是证书可用性。说到HTTPS的安全,做好DO S的防御,还有私钥保护,还有证书验证等等。可用性有自动纠错,还有证书容错,还有ALPN协议适配,在证书等方面他们两者有不同的要求。体现在安全等级发挥上。

    大家都用过SSL LABS这个平台,从安全可用这个平台来说,建议大家做好服务得分级,为不同等级的服务,提供不同的安全。对于普通的Web服务来说,建议参考B这个等级。关于可用性这里只想讲证书可用性,SHA证书上线,还有一个证书容错能力,第三个是完善证书CT支持。通过提取客户端里面不同的特征,来为不同的客户端来提供不同的证书。在选择证书的时候,可以从以下几个点来考虑,一个是证书成本,就是我们使用免费证书还是付费证书,在兼容性和售后服务质量上面感觉没有付费的好。还要考虑一下我们服务类型,因为不同的服务对证书的要求也不一样。 还有就是我们服务是否对速度特别敏感?就要考虑OCSP服务器节点分布。 厂商是否跟着行业前沿动态,是否支持证书透明度。最后能否承受因为CA服务是否带来的流量损失。

    最后看一下业务改造中的经验,对于复杂的Web站点,通常自主改造为主。这里涉及到域名特别多,还有第三资源,不同的域名使用的接入集群不一样,改造过程中遇到资源监控。这里突出三点第一做统一监督,第二个域名收敛,第三VIP共享。

    对于简单的Web站点,建议使用一键开通的方案。最后使用HTTPS服务评级的方式,对上述内容做一些小结。

    简单分为LEVEL0到LEVEL4做一个介绍,LEVEL0服务质量很差。LEVEL1服务基本可用,满足对速度、安全要求不高的网站需求。LEVEL2服务耗用,满足对速度、安全和可用性敏感的大、中型网站需求。LEVEL3在LEVEL2基础上,追求极致的访问体验和安全防御能力。LEVEL4适用于对安全非常敏感的网站需求,比如金融、交易等服务。

    相信大家就参与百度搜索生态的网站,在进行API改造之前有一些问题,下面请吕明做详细介绍。

       吕明:我的站点改变到HTTPS之后,百度搜索是不是支持?抓取会不会有问题?流量会不会低?答案是这样,百度搜索引擎全面支持了HTTPS,最近我们百度搜索在抓取、检索等一系列环节进行了一系列的升级,同时基于HTTPS和安全前提下,调研HTTPS网页在收入上做一点的优待。

    大家可以看一下这个图,除了百度搜索自发支持HTTPS网页抓取和收入之外,我们有认证入口帮助网友做一个HTTPS切换。打开战略平台的时候有一个HTTPS按钮,首先不是所有的站点使用这个按钮,需要满足一定的前提。第一个前提就是站点需要整站改版HTTPS版本,包括网页、连接、图片、视频等等。这意味着HTTPS站点有些网页是HTTPS的,但是另外一些页面是HTTP的。造成内线视频防护不了。不能有HTTPS的版本,还有HTTP的版本,为了保证唯一性可以有两个选择:第一个选择站点HTTP以301跳转到HTTPS,然后只有HTTPS可访问。认证之后百度首先做一点的校验,第一HTTPS链接是不是可抓取,只有可抓的才能通过校验,第二个校验就是对HTTPS证书做一个校验。这个证书教研包括有证书是不是合法,另外就是证书是不是过期了。以及证书是不是跟注册的域名是不是一致的。

    当这两个校验通过以后,我们就可以进行生效了。这个生效包括首先全站抓取会整站切换到HTTPS,整站的样式也会切换到HTTPS。原来如果没有这个认证的话需要抓一条网页,切换一条HTTPS。有了这个认证以后,整个站点可以在一小时到一天内全面的升华到HTTPS。这个大家加速整个索引更新的过程。

    总结一下话题,随着互联网的发展,外部安全已经越发重要,无论从用户和网站的隐私保护还是HTTP协议发展到2.0,HTTPS都是一个互联网发展的必然趋势。现在国内外很多站点已经切换到HTTPS。所以我们也期待更多的外部开发者能切换到HTTPS来保障自身战略一个安全。同时我们也期望广大外部开发者更注重内容安全政策以及网站WAF的防护,如果大家对这个话题跟我们有进一步的交流,可以关注二维码。谢谢大家!

    沈洲:首先由我给大家带来第一部分和第二部分。分享主要包括四个部分,第一部分是MIP简介,第三是原理,第三是在中国的发展情况,第三是规范,首先看简介。

   百度网页打开以后等一下然后正常浏览,这是正常的情况下。在移动网情况下,发现等了好久这个页无法打开,有可能是网络的原因,也有可能是服务本身的原因,这时候我们选择就是返回,打开另外一个再试一下,或者说其他途径看待这个结果。就意味着我们会放弃一开始选择的点击结果。下面这图说明这个页面大家放弃了,根据大数据显示,页面放弃比率跟用户加载时长有一个很强的关系。看这个坐标里面,横坐标表示是一个页面加载时长,纵坐标是用户放弃这个页面浏览比例,当一个页面加载时长超过5秒以后,有90%的用户放弃继续浏览。同时根据大数据显示,一个百度搜索页面平均加载时长大约在3秒左右,就意味着有很多网站由于页面加载速度大约有一些PV要流失掉。搜索看到这样一个页面,这结果用户很快没有等待的打开,等待时长在一秒左右。用户浏览的页面可以用一种极速浏览的方式搭载这个页面,下面有一个效果,整个页面加载过程,找到闪电标可以很快的打开。

    整个这个技术就是讲的MIP技术,就是移动网页加速期。方法通过提升页面加载时间来达到一个极具用户体验。在2016年4月发布了第一个测试版本,在2016年8月份对外发布了MIP技术,2016年9月份发布了MIP开发工具级,今年3月份上了MIP这样一个平台。MIP还会不停的有一些新的技术在里边。相信大家到这里都很关心MIP到底背后做了什么事情,能够实现整个页面加速。下面讲一下MIP背后实现的基本原理。

    首先看一下这图,主要包括一个是MIP规范,一个是代码运行环境,一个是CDN缓存系统,HTML来了以后达到一个极速浏览模式,我们保证HTML根据MIP规范改造,经过MIP校验,第二有MIP的运行环境,点GS,保证整个页面在进行无阻塞的加载,同时可以保证MIP规范能够完整的执行。可以保证里边任何一个组件在安全沙河里进行的。做完这两件事情之后,通过CDN缓存,达到更快的加速效果。这里边讲了整个基本流程,下边挑一些点给大家讲一下MIP具体做了哪些事情,可以达到这个加速,不仅仅是这些点。首先看这个,有一行代码,这一行代码穿起来一个图片,这个图片请求了CDN工作图片,可以实现两个功能。第一个功能是DNS的预取,还有HTTP预连接建立。通过这个简单的优化,可以提升网络时间,大概在100毫秒到200毫秒的提升,其实这些操作在搜索结果在打开这个页面之前就做了。

    再看这个,这是生命周期的优化,浏览页面的时候会有很多图片或者是视频,或者是音频媒体资源。这些资源通常加载非常耗时,也是非常耗用户流量。为了解决和优化速度,我们MIP对于每个元素生命周期有一定的优化,这里边的图片,对图片加载顺序做一些控制,优先加载可视区域的图片,对于非可视区域内延迟加载它。对于开发者来说都是透明,MIP框架里实现了它,对于视频或者是类似于音频多媒体的文件,有同样的组件支持它。

    还有一个CDN缓存系统,百度的CDN在不停的优化,而我们所有的这些优化对于MIP页面来说,只要这么一款享受这些优化带来体验的提升。我们这里边看两个数字,去年我们MIPCDN刚上线在两百毫秒所有,随着将近一年的优化,响应时间大约在100毫秒左右,比业界99%网站加载快的。MIP和CDN安全、速度做到和HTTP一样快。

    最后还有一点是说,MIP对资源文件做了处理,我们知道影响页面加载速度有两个因素,一个是页面大小,还有一个就是页面里的资源,而资源本身会有很多种,其实最主要的是有三种,最常见的是外链JS文件,还有图片资源,还有CSS资源文件。图片做格式上的优化,一个图片会很大,但是通过CDN之后保证图片可视情况下,使用户尽可能的加载快,减少流量。今天这一部分讲到这里。接下来是MIP在中国的情况。

   冯旭:在跟站长交流过程中,沟通了很多东西,关于在这个时代中怎样做好优秀网站,包括自身网站PC时代遇到的挫折,这个过程中其实蛮兴奋得发现一件事情,就是MIP确实是在解决这些问题。通过我们联合第三方预测,和人工感知上评估,得到以下的数据,在速度上达到30%到40%的提升,在到达率上达到5%到30%的提升,在流量整体得到10%到40%,正是因为这些比较客观的收益指标,所以在这近些年以来,有超过5400家的网站提供了总共超过10亿的网页数量,分布在40个左右的网站里。值得一说的是每一秒钟有32个页面被提交到百度这,并且这些网页中不仅仅在新闻上一个简单文章中生效,而且他们在各种类型上都生效。比如说图文类型,比如说下载的类型,比如说问答的类型。

   下边我们举几个例子讲解一下,他们在其他几种类型中到底怎样奏效,并且获得什么提升。第一个例子图文类的网站,其实图文是我们现在站长特别喜欢的方式,因为可以更有视觉冲击力的去表达整个网站中的东西。以这个美食天下为例,打开网站速度非常快的同时,将图片进行了额外处理,在速度提升30%基础上,对于整个流量节省了超过40%。

   在下一个网站,下载类网站。一般去评估这样一个网站的一点最终下载的体位是多少,整个打开非常顺畅,用户在其中不信任感消失,转化率提升8%。在下面这个网站,问答这个网站。其实现在好多外国网站中逐渐加入线上服务,在这样预约网站从点击到整个信息浏览过程中比较连贯,正是这种流畅性让最终比率达到一个转化率,在速度20%左右的提升之外,在在线问答转化率提升15%。

    MIP在这些网站中有不同有一些奏效,并且百度搜索本身对MIP网页进行额外支持,比如说刚才提到了在搜索这页,因速度本身特点打向一个闪电标给用户一个抵御期。在一些结果中使用引用MIP这个页面,让整个用户体验是更加流畅以及是更加符合云特点的。这是移动速度和移动体验两个重要维度让整个排序更适合这个特点,到底怎样做这样一个MIP页面。

    吴鹏:大家好我是百度前端工程师吴鹏,今天跟大家分享一个主题是MIP规范以及工具使用。首先进入到第一个部分,MIP页面组成以及MIP规范,在这块我们列举了一个最为简短,符合了MIP HTML规范的原代码,这引用了官方采用的MIP 生成的标题。首先再一个MIP页最顶部包含一个HTML一个标记,同时在我们HTML标签里加入一个MIP属性,这个属性主要作用就是告诉我们页面,识别页面种类,告诉我们搜索引擎说说这是一个MIP页面,同时MIP也会对head里做一些规范。这里charset utf8使用了一个插件,MIP公共样式,这样在页面缩放的时候不会影响样式改变,MIP标签有一系列的文档通过官方渠道进行察看。规定这一系列标签里规范将它运用在MIP规范,使开发者以更友好更符合MIP方式开放我们自己的页面。同时在改造或者是开发一个MIP页面同时当中需要引入一个文件,在文件里边定义一整套通用MIP样式,同时也会解决一系列兼容性的问题。

    再往下走是一个重要的标签,这标签主要作用就是说能将MIP页,以及原有H5页面做一个关联,这样做在搜索一个结果之后,不会因为改变一个MIP页改变原有权重。MIP标签一个使用也是非常简单的,只需要在Href而里定义一个属性就可以了。我们在原页基础上改变了一个MIP页,改变的地址其实是MIP页的地址,这是MIP采用样式定义的规范,首先这片MIP有两个限制,第一我们不允许使用Style样式去定义,官方推出一个标准的形势,让这样一个属性标记的Style标签。所有德阳市需要写在这样一个标签里,在运行刚刚内部组件、外部组件,在运行时其实一个组件样式也是插入到Style标签里。

    接下来是文档可视区域的因素,第一允许在这里使用MIP提供一系列的内部组件,外部组件,允许站长根据自己的站点需求,第二我们允许使用一系列的HTMI的标签,这块有两方面的限制。第一步允许使用影响页面加载的因素,同样不允许影响页面性能的因素。同时官方将这些应一页面性能的元素分装成内部组件,提供给站长使用。让站长改造内部页的时候更快捷更方便使用一些种种功能。

    同时在改造一个MIP页过程中需要引入一个MIPGS,在这个文件里边同样定义一系列的功能,包括组件一个运行生命周期,还有提供给站长种种工具函数等等。页面底部按需加载引入一些GS的文件,这块站长在用到什么样的组件,就需要引入什么文件,能够在页面加载过程中减轻一个页面加载负担。前面是MIP页面一个结构或者是规范。在开发MIP页过程中,同样提供了一系列的工具集,主要包括五个方面:

    第一是开发工具,开发工具是我们线先去开发一个核心功能、组件,或是MIP页面所使用线下工具。

    第二个是预览工具。第三是校验工具,包括了HTML的功能,还有GS校验这方面的功能,第四工具是我们推送的一个组件,这块是我们在MIP页面改造完成之后,会将它的一个URL推送到后端生成一个MIP页面。下一个工具是我们站长平台的工具,就是在我们组件整合平台这样一个工具上,将开发组件通过可视化提交到我们这个平台上,首先我跟大家介绍一下这组件一些功能,首先是MIP开发工具,这块提供了功能和结合非常简单预用。首先是我们MIPInstall,在配制文件里可以由一个路径,第二个是MIP Add这样一个命令。MIP开发工具提供了校验方式,这样一个命令会在本地区校验一个页面,符合了MIP Html的标准,MIP validateelement MIP test 有一个校验组件,是否符合官方组件规范。MIPserver有一个启动。

    MIP在线预览工具,在入口也提供了这样一个工具,这个工具主要功能把MIP页转换成一个MIP页面,这里边唯一一个要求是,所提供的MIP地址必须是符合了MIP Html规范的这样一个页面。第三个方面是我们在线校验希望一个工具,同样我们在本地开发也包含这样功能,在外部有这样一个工具,校验这个工具主要功能就是说看所写的代码是否符合了MIP规范,这块校验有两种结果,一种是成功,另一种是失败。这PPT列举了一个成功的案例,如果没有通过MIP,这有标准的符合MIP代码,这编码改成GDK,影响页面性能的元素,大家可以看到在里边看到这样一个信息,包括行、列以及报错具体信息,只有当所有开发者将所有报错问题解决之后,才能够通过工具校验。

    接下来一个工具是组件审核平台,之前组件开发基于Forking流的方式,针对这个问题有可视化的平台,对应一系列开发的组件,做到最终的上线,这个平台最大得优点就是说节省人力成本,降低技术方面要求。提交组件和审核组件之后,管理员和站长之间都收到相应邮件,对组件审核这块有大大提高了不少。最后MIP页面改造之后如何生成一个Cache页面。这块功能包括了URL排量推送,以及支持自动推送,另外是MIP Cache而清理工具,MIP这块对线上场景有一个策略,但是有一定的时间间隔,所以这里提供一个MIP Cache这样一个功能。

    前边是我介绍MIP的规范,以及基于这套工具集开发MIP页面流程。

        沈洲:第一个是MIP官网,有详细的规范和标准,以及资源网站连接,第二个是MIP官方博客,最新功能升级以及最新的MIP相关一些信息,包括使用方式会以博客方式来发给大家。第三是我们MIP Github Group。今天这个大会接受还有一个MIP live coding,今天MIP分享到此结束,谢谢大家!

    主持人:接下来是Web APP的探索与实践。

    王俊杰:进入第一个部分,移动Web现状与未来,当讨论移动Web首先讨论一个移动时代,移动互联网时代来了用户两种方式访问互联网,分别是原生,和移动Web站点。数据表明用户每月使用APP 数量27个,用户每月访问Web网站数量100多个,即便移动互联网时代,Web仍然是互联网一个非常重要组成部分。可以看一下用户使用移动互联网原生APP这样一个特点,80%时间消费在Top apps上,剩下20%的时间是在被成千上万的中小型APPS瓜分,还有一个数据移动用户每月安装APP平均数量小于1个,这个大家应该有所感知,现在的手机用户已经基本上不会在频繁大量的安装APPS了。

    再看一下用户产生需求到获得内容整个过程。用户使用原生APP的时候有一个特点,那先下载再使用,各个中有几个步骤,一些经验告诉我们当用户需求和获得内容之间的步骤越多,这其中可能造成的用户流失和转化就越低。拿我自己举个例子,曾经在移动市场上想去下载一个APP,下载之前发现这个APP100到兆,自己在4G网络,就没有然后了。但是Web不需要安装也不需要下载,当用户产生一个需求使用Web满足的时候,主要输入这个网址或者是搜索引擎上检索对应关键字,通过一次点击就达到这个内容,这个信息获取的成本非常低,我们谈到Web APP现状的时候,不得不承认目前的Web其实还是有很多有待提升和有待加强的企业。目前的移动Web速度比较慢,没有网络的情况下绝对不可能使用的。还有一个就是我们可能要记住一个网址才能去访问到Web。还有就是比如说在访问Web页的时候,经常看到白屏或者是卡顿的情况,这也是Web面对的问题。

    Web的未来,究竟什么Web才是符合用户体验的?才是一个未来的Web?提供了三个单词:Reliable 、fast 、Engaging,接下来分别讲一下什么意思。

    第一个Reliable可靠的,可信赖的。这个图片大家平时在学外文中或多或少遇到过,无论是你自己的网络出现了问题,还是对方站点无法提供服务,可能都看到这样一个页面,这个页面非常不友好的,也是不可靠的。另外一个必须要说的就是现在所处的是一个移动互联网大环境。有的时候网络连通性其实并没有想象的这么好。所以说未来得Web必须要考虑到在网络不可用,没网络或者说是网络状况很差的时候是什么样的用户体验。所以说绝对不可以给用户看到一个非常不可靠的页面。未来得Web在没有网络或者说网络很差的情况下我们至少要能保证有一个可以交互,可以有提示这样一个基础页面,并且保证一些不需要网络的功能,一些可以离线功能使用。

    第二个Fast(快速),传统的外部站点,因为在夹杂过程中需要和服务其进行多次交互,有不停旋转这样一个效果,每当用户多看到一次白屏,多看到一次进度条,用户体验就下降一点,用户的转化率也会降低一点,我们数据也印证了这一条。数据分析表示,如果一个页面加载时间超过了3秒,将有20%的用户就此无法忍受,需要离开,进行票输,未来得Web上一定在速度上有所加强,不仅可以从服务器上去下载资源加载,而且还要考虑本地缓存。

    最后一个Engaging(有粘性),目前想访问一个站点,有一个传统方式我要记住UM可能很长,使用手机输入法一个一个敲进去访问到页面,整个过程成本非常高。加入我们Web能也在手机的桌面上创立一个图表,有一个快速的入口,当用户打开手机就能够快速进入Web,粘性增加了。举个例子,访问一个站点以后,离开这个站点之后,就没有办法触达大之前来的这个用户,用户离开之后还有一个途径主动触达到用户的话,无疑粘性也是增加的。

    这里给大家介绍一个Web Apps的新的范式,PWA,是由五个公司提出,这规范一经提出之后得到很多互联网公司和开发者一个认同。PPW说了什么?三件事情,第一件事说Web Apps必须要离线可用。第二个PPW要求能够添加到桌面,能够像Web在用户手机桌面上有一个很方便的入口,最后有一个消息通知能力,即便用户离开这站点,这站点有人主动触达到用户这样一个可能。PWA规范认为,一个用户做到离线可用,可添加到桌面,发动通知的时候就符合了刚才:Reliable 、fast 、Engaging三个特点。PWA规范一经提出之后,得到很多互联网公司以及开发者的支持,同时相关的标准化的工作也是正在落实,包括以W3C为首的标准化的组织,已经把所有WA做标准化的工作。百度也是非常认可PWA改变用户体验这样一个理念,因此百度在这些标准中,全部都有参与和推动。百度一方面在标准层面积极的推动PWA落实,另外一方面百度花了很多精力在探讨如何更方便、更简洁、更快速开发PWA程序,它是什么?接下来时间邀请彭星做分享。

    彭星:俊杰演讲中提到PWA,到底是什么?通过谷歌浏览器打开这个页面,浏览器在弹出桌面对话框,点击添加有一个图标,不仅有画面,具有一个完全沉浸式的体验。这里打开的飞行模式,同样和有网的情况下是一样,能够正常访问正常使用。这里我只是演示了一个PWA部分功能。从技术的角度来看,PWA到底是什么?不是一项技术,它是多项技术的Web等等,宗旨提升改善Web Apps的体验,改变Web Apps的生态。首先看一下Web App Manifest,浏览器自动识别这个文件,然后弹出一个加到桌面对话框。Web App  Manifest很简单,但是很强大。看一下APP SHELD,这里四张图,这是App Shell骨架,这是完全渲染之后的截图,中间两张是 App shell本身,包含了让Web App运行起来的组件。

    Service Worker,开发者可以通过操作缓存API来快速响应用户请求,这就是为什么做到网络条件不好,甚至没有网络情况下也能够让Web App正常使用的一个主要原因。通过Service Worker实现后台同比、更新缓存。这是普通3G情况下,第一次打开页面没有注册Service Worker,和已经注册Service Worker的页面,很明显看到第二次打开比第一次打开快很多。Service Worker怎么使用?简单来看一下,使用分为这四个步骤,其实很简单,但也不简单,除了考虑注册安装激活和处理用户请求四个基本步骤之后,还有这四个问题需要考虑,Service Worker本身更新问题,还有缓存过期,清理,还有文件大小问题,这些都需要开发者考虑,只实现Service Worker基本功能,缓存基本内容可能使用不到50行代码就能完成。

    开发者在开发平台的时候,除了这问题还会有什么问题?这里我列举了几个比较简单的问题,开发者刚进入到Web App的时候,对Service Worker不熟悉,我如何处理前进后退的动画等等其他开发平台遇到的一些问题。怎么办?为此百度成立了一个项目,帮助大家来解决开发PWA过程中遇到的问题。让大家能够一起参与进来,改善Web App体验和生态,这个项目叫LAVAS。

    左边是项目地址,希望大家多多参与进来。这图是官网地址,这个LAVAS观望也是PWA的应用,LAVAS到底怎么使用?我有一个视频,看一下这个视频。LAVAS提供了一个命名,可以安装下。安装完成以后,通过LAVAS Init模板,输入基本信息,可以给大家打出一个工程,我们来看一下选择APP Shell,接下来安装一下这个模板,运行需要的基本依赖,安装完成。安装完之后来宾运行一下,看一下APP Shell初始的样子。一起完成之后看一下打出APP Shell基本的用户体验,处理了页面的动画。这是LAVAS提供的一个APP Shell的模板比较简单。

    AVAS只是一个命令吗?当然不是了,这是LAVAS一个结构图,LAVAS不仅仅提供了一个命令,它是一整套解决方案,从命令到原代码再到文档,提供了四套模板,满足开发者不同的需求。解决开发者在开发PWA的遇到不同的问题。后续会改进LAVAS,结合MIP,从所有的入口到主站本身都能够有极速的用户体验。希望大家参与进来。接下来有请我同事为大家讲解一下内核。

    尹立:我来自百度浏览器内核团队的,跟大家分享一下,我们在内核这边做了哪些优化,改变Web生态环境,促进Web App。渲染优化提升Web性能,如何提升性能,在内核来说非常重要一点。

    从浏览器角度来看,一个页面被加载分为四个部分,首先是资源加载,其次是页面布局,到最后上屏。在资源加载过程中,是把所有页面资源按照一个优先级,先加载优先级高的资源,其次加载优先级低的资源。从而达到提升屏幕性能。对于某些站点来说,可能自己的资源可能是自己服务器不足的问题,对于这些站点来说,我们采取智能云端加速的问题,这样提升所有这些资源加载性能。除了资源加载之外,我们在渲染这块也做了优化,在页面解析过程中,我们采取了一个高性能的方式,在一个页面文档,某一个元素被解析完之后,然后这个时候会去切合当时可以适合做(英文)时机,从而提升整个页面绘制上屏的速度。除此之外我们或者W3C标准JS  API,支持两个属性。一个是Domfirstpaint首次会址时间,DomfirstScreenpaint完成时间。希望今年目标可以提升到85%,到2018年的时候希望提升到90%能让用户感到秒开。 Web开发者可以用这个Domfirstpaint和DomfirstScreenpaint切合自己站点的性能。

    谈完首批性能之外,谈一下流畅度。大家应用到Web的时候,说Web很卡,滑动的时候也很卡。体验不好,我们是如其做到这些优化?让整个体验达到一个NA流畅度的水平。手机流畅度实际上可以分为两块,一块是左右滑动流畅度,一个是纵向滑动流畅度。从左右流动流畅度来说,实际上浏览一个网页的时候,点击了其中一个页面,从上一个页面切换到下一个页面,联合内核过程中把当前这个页面消灭,另外一个页面切回来的时候需要把整个页面做一个(英文),一个是很卡,一个是闪动。

    在手机版最新版本,也支持手指滑动,左右滑动的时候按照这个页面一个平滑切换过来,前进和后退。除了左右前进后退流畅度之外,在纵向滑动流畅度做了一些优化,某些大站点快速滑动的时候,触发几个事情,第一页面解锁要执行,页面可能出现英文布局,第三页面要响应UI。内核来看再一个主线完成的。我们如何保证这个流水线畅通。对自身而说,我们采取的做法是优先去加载页面,去响应整个显示的区域。对于某些不在可视区内的元素,降低级的响应。从而我们可以知道,这样页面一个流畅度的提升就会大大提高。

    我们滑动结束完之后,然后我们恢复到以前状态;然后右面一张图可以看到,从2015到2017年,这个流畅度的当时是一个抖动,再说完流畅度之后,页面基本体验相对比较好了。如果说页面体验比较好,然后我又喜欢这个页面,我又喜欢访问到它,可以让用户把这个站点添加到页面,想起来的时候很快点击这个桌面图标,调起这个页面。首先第一个添加桌面快捷方式。我们在浏览器和手机百度这个版本中已经支持。

    另外Service Worker支持,添加桌面快捷方式。然后点击桌面之后,让用户调取Web App,希望在更短的时间内完成。在介绍完PWA之后,T7内核为百度系APP提供基础浏览和视频播放服务。在这些PV之中稳定性做到99.99%。现在来看的话,采用百度T7内核一些APP有百度浏览器,像手机百度还有百度糯米等等。除了我们现在对于系统内核来说,我们除了在性能优化和流畅度方面,做了特殊的优化之外,在内容上做了扩充。还有视频一个播放等等。从而让用户感觉到整个Web 体验非常顺畅。

    未来应该做什么事情?首先第一点我们会不遗余力继续坚持,提升整个Web生态发展,比方说一个PWA生态支持,我们会去添加一个Web能力,让Web站点具备更多功能,多媒体领域希望说在图片浏览和视频播放这块能够做更好一个流畅度的优化。在Web能力方面像WebAR和WebVR给予支持。通用能力方面,希望能够提升AI一个基础的能力。让AI基本一些框架能够在浏览器上落地,比方说Web Assembly执行性能变得更高。

    俊杰:今天一起畅想了Web未来,以及介绍了PWA,发布了LAVAS,还讲了浏览器内核,接下来提供了一些体验的环节。体验分为两个部分,第一部分在我们现场最后有一个展台,哪里有四部测试机,现在已经有一些开发好的。第二个体验是现场编码,请大家期待。

    主持人:互联网的未来已经清晰可见。有请百度主任架构师王宇亮先生,为大家带来他的分享。

    王宇亮:谢谢!今天要跟大家分享的是AR技术,刚刚大家听到很多MIP和PWA的环节,本质上对现有的Web体验进行体验升级。AR技术也是体验盛极一种手段,只不过更加面向未来。我这么说肯定很多人有疑问!就是说AR到底是不是未来?包括我们每天也是在问自己这个问题,AR到底是不是未来?如果要看到未来,其实往往就需要回顾过去,我们需要知道过去20多年来,互联网发生了什么。它是怎么演变的。首先大家都知道的趋势,那就是说互联网从PC时代走向了移动互联网。这个不用我多说,大家开始用手机上网越来越多,一个很重要的原因就是说用手机更方便。我们都知道用手指和触摸屏交互,一定比你用鼠标和PC机和(英文)交互更容易。请大家思考一个问题,比触摸屏比手指更加自然,更加好的方式是什么?互联网发展第二个趋势其实是载体的升级。多我在两千年刚开始的时候我进入大学的时候,互联网对我来说是什么?在那一会儿对我来说就是一堆文本。就是BDS,今天的互联网是什么情况?图片肯定是普及了,事实上很难找到一个网站没有图片。视频我相信大家都是看视频的,这两年视频还有更深入的发展。比如说这两年短视频起来了,直播也起来了。这背后的原因是什么?本质上是载体的升级,用户喜欢更加直观的载体。如果你看一段短视频你能明白一件事情。为什么要花很多时间去看一大堆的文字和图片?希望大家思考第二个问题是说,比短视频更加直观,更加能让你秒懂的内容媒体是什么。

    今天的分享会说两个部分,一个是AR技术,第二部分是百度在AR方面做的工作和对未来展望。 

    首先AR技术,AR字面来理解就是增强现实,现在每个人生活在两个世界,当你打开电脑,当你打开手机的时候事实上你生活在虚拟数字世界,关上手机的时候都在现实世界。AR将虚拟数字世界融入真实世界的一种手段。这就是AR,从技术层面来看,AR会由三个部分组成。一个是感知,一个是交互。还有就是虚实融合,后面分别讲述这三个方面,首先是感知真实世界,人是有很多传感器,比如说你五官那就是传感器,如果把手机当成一个智能设备的话,其是手机也有很多传感器。比如说摄象头,那他就有图象的信息,他有麦克风,我就能有声文的信息。比如说你孩子说话我们知道是一个儿童在说话。那你时候我们知道是一个成人。那么常见的还有位置信息,还有文字信息。另外一个可以看得见的趋势是深度信息。在未来几年内我们预计手机会具备深度信息采集能力。把所有的信息拿进来,做融合。就能感知这个真实世界能做很多事情。比如说这里面最重要的一个技术就是SLAM,按字面意义上理解同时定位和监督。这可能有点抽象,看段视频就明白了。

    你摆一个车,你不管手机怎么移动这个车都在桌子上。要实现这个其实是需要非常间断的任务,我们叫SALM,这是SLAM初级形态,虚拟物品在真实世界中呈现一样。除了感知,第二部分就是实时交互,手就是一种交互形态,我可以从多个角度来看这个汽车模型。除了手势交互方式还有语音,还有面部识别这就是常见的交互技术。最后一部分是虚实融合,这个非常好理解。大家如果装了手机百度现在可以掏出来说鲸鱼,看到鲸鱼从屏幕中留出来。观看AR效果,会看到这条鲸鱼在你身边游来游去,这就是虚实融合。这个是单目追踪系统,他需要深度信息,百度做到了单目追踪,抗遮挡做了很多工作。第二个渲染引擎,其实不光是跨平台了,你写一份代码在安卓,IOS都可以运行。它还可能是市面上最小的引擎之一。我们引擎能做到2.5兆以内,很容易集成到各位的APP中。百度其实在很多相关技术方面都是多项评测中做到了世界第一。所以百度把自己定位成一家人工智能公司其实是有底气的。

    产品上做了一些探索和展望。是两个例子,一个是AR神奇动物园,各位如果有小孩建议给他试试恐龙的例子。给我们提供内容的合作方,他内容触达到上亿人群,而且实现了十倍内容消费时长增长。另外是3D博物馆,这个例子是说,这马可以缩小放大。在这个当中,之所以做这个Kis,AR依赖于端能力。你必须下载一个APP如果用户不下载APP,在这个KIS中和作方同样的内容消费时长也是实现了十倍增长,更加夸张的是说给它带来用户点击,增长了十万倍,这是非常恐怖的数字。大家可以想想如果有网站的话,增长十万倍会是什么情况。
    除了这两个KIS还做了产品尝试,我们学到了很多东西。简单归类的话,其实是三方面,第一个是产品,产品要做好体验做到极致是非常不容易的。具体到AR上面来说,我们需要加工很多数据。数据做很多信息,而且内容的展现。AR新的形态要适配那么多版本操作系统,那么多版本的浏览器,这是非常难的。要把体验做好。还有就是交互,要让用户知道这是AR的内容。要让用户知道怎么和AR内容交互。这个也是是很难的一个问题。看用户层面,其实用户非常喜欢,但是内容太少了,很人跟我说能不能有更多的内容,很遗憾没有。我们找我们合作商,合作上根我们说其实现在生产成本太高了。而且他们盈利非常难。AR要成功,必须在这三方面替大家解决这个问题。

    首先在搜索,今年我们就会对AR进行全面的支持,AR内容会向图片视频一样成为搜索了第一公民,什么意思?我们在索引上,在排序上对于AR内容,只要体验好我们都会有很多优待。此外大家可以打开一下站长平台,昨天站长平台已经支持AR内容引入了。右边这个图重点关注一下,这是沉浸式展现页面,互联网发展本质上把线下能做的事情不停的搬到线上。直到搬不动为止,直到体验差距太大。在今天好搬的线下场景已经搬到线上,但是还有一部分用户会去线下购物,线下体验很多东西。如果我们通过AR沉浸感的提升,我们其实就有可能把更多的线下场景带到线上,这里边意味着巨大的机会。我这里举的是一个家居例子,可以想想在你们家餐桌上,你可以拖动一些虚拟的物品,摆到桌上,看看怎么样。或者是把一个桌子放到你的客厅,这个都是把虚拟物品带到了真实场景。接下来是AR内容平台,这个是我们和AR实验室共建了一个,其实本质上是帮助大家降低生产成本。要做AR内容,通过我们AR内容生产平台,你只需要一张图片,一个3D模型,再选一个模板,完了。就可以生成一个AR内容,可以放你网站上,或者是提交给百度,帮你展现。未来这个平台还会帮助供需双方对接。想找人制作AR内容,市面上没有渠道找到好的AR内容生产商。

    最后讲AR内容,本质上帮大家来解决共同的体验问题。三方面,内容方面我们会有统一的标准和丰富的预处理工具。展现方面帮助大家做多端适配和优雅降级。然后这样的话用户的学习成本会降下来,不用再一个网站说,这个AR是这样交互。学习成本希望大量下降。而且我们会有智能交互行为分析。

    这是愿景,希望今年年底就能做到像AR内容,你的网站可能只要加一行代码,你就可以把一个AR内容很容易引用到网站。最后是我们对AR一些展望。刚刚我说过了,其实AR就是在我看来连接真实世界和Web一个桥梁,未来希望让AR成为互联网第一公民,像今天短视频一样普及。真正的去链接Web和真实世界。

    主持人:今天分享了很多主题。未来发展中面临哪些机遇和挑战,又有哪些经验可以分享,作为标准化专家对这样问题有什么看法。

    李安琪:接下来这个环节今天整场里面比较轻松的互动环节。整个日程设计特别的朴实,都是实打实际哪个话题是什么就说什么,圆桌论坛继承了一概气质,聊移动Web的解决方案和未来。应该能感觉到,整个和外部相关的行业产业大大小小的公司都在投入各种各样的资源去改善这个Web,或者是具体来说是Web App。为什么?因为我们看到它是有优势的,能给我们带来价值,能不能就今天从这个话题开始,请台上几位“老司机”给我们高度概括讲讲他们来看,这个Web价值或者是Web App优势到底在哪?   

    闵栋:感谢各位专家和各位观众朋友们,中国信息通信研究院负责相关标准的认定,测试的工作。我们对Web技术十分关注,我们认为Web技术是开放跨平台共享一个技术。相对于传统的APP的方式可能是一个更加开放的生态。所以从这个工信部角度来说,也希望有一个更加开放、更加自由的生态来对和APP相关生态有对应。从国家层面也是在推动相关技术突破,标准制定和生态构建。从国家项目来说还有从相关宽带,包括工信部层面,标准层面推动国内技术标准一个制定。同时中国信息通讯研究院承担国家相关智能手机测试验证相关工作。所以也在推动Web技术测试验证相关一些工作。 希望来推动Web技术开放生态一个构建。

    许诺:我来自于阿里巴巴的,我们团队去年的时候跟谷歌进行合作,让PWA在我们产品上面落地,取得不错一些效果。相比(英文)来说,Web在更新速度上面没有版本概念,不需要像APP去更新,大家开发涉及过APP的话,每次审核的时候是非常痛苦过程。Web这方面一直在。W3C有很长的积淀在这个地方。假设来我们一个老朋友,就是说CSS来说,布局方面大家每一看到像CSS有这么久的沉淀,类似于小语种或者是排部布局有最佳实践在里面。

    在搜索引擎方面,爬虫对(英文)支持没有像网页做得那么好。所以在搜索这一方面,当你一些用户群体来自于SU的时候,这时候可以很好去关注一下。假设有一天大家不去用浏览器的时候,可以发现什么是Web的优势。
    贺海波:我来自网易传媒,我们从项目开发讨论这个问题,大家多少Web开放一个平台,而且跨平台。所以整个假设有一些新的想法,或者是创新的东西需要给大家验证,所以你可能做一个Web开发比你做Niteo开发好很多,它还涉及到安卓。如果你通过Web开发可以进行快速迭代,不用做版本升级和备新。使你想法得到验证和快速的去实验它。

    谭待:今天这个大会整个都在讲Web很好。其实各位嘉宾讲很多了。我讲点别的,形而上的。其实Web想做什么服务做什么服务,你可以做自己的支付系统等。虽然这个会是百度会,还是很想引用阿里王坚博士一句话,他做了一个特别精彩比喻。Web就是一个自由的空间,你在Web上面可以种出自己的大树,你要是做Niteo Web就是种树,种花花草草还可以。强大的微信也套不出支付,当然在微信里面开发想用支付宝是不可能,想开发这套金融系统都是不可能。这种自由带来无限可能性,这也是Web App最具有价值。

    李安琪:接下来比较严肃的话题,接下来讨论的是它存在哪些问题还有解决方案是什么?以及可能的对策。作为一个W3C常年老员工,大概七八年前在这个圈里做Web App标准的时候,有过一个笑话,如果想用Web App做一个闹钟,这怎么用?做这个不是问题,但是每天早晨要比它的早,把浏览器打开这样才能叫你。很多年过后通过周边技术发展,解决浏览器和闹钟问题是分分钟的事。但是即便移动高速发展今天,手机应用的时候有一些特定的应用,支付宝秒拍大家倾向于Niteo Web,还是因为两者之间有差距,所以我们就请在座的几位跟我们聊从各自实践来看,你们觉得这个Web App和差在哪。

    许诺:在这之前前段时间PWA方面权力支持获取所有特性,所以大家这方面不用太过操心了。还有一个老生常谈的问题,速度和流动性方面。内核方面越来越重视,纵向方面变得更好。这一方面慢慢不会成为Web相对Niteo,会变得更好。只要一点既速既开,但是浏览器没有办法,这是PWA之前,PWA之后也有一个能力,当你打开网页的时候,网页像APP一样,用户桌面上一起使用,这并不算现在很大一个劣势。

    安全方面,为什么手机做支付,这是给大家留下一个成功的包袱,那就是HTTP,使用HTTP的时候听说过各种拦截或者是代码注入,你会觉得有人输入代码的时候担心有脚本一些输入行为。这点如果说做了HTTPS方面的一些完善之后,大部分Web上面网页都支持HTTPS的时候,就没有这些问题了。

    还有一点,我自己在一个工作过程中,体现过APP开发者,为什么?因为他没有APPstore。我们APP下面有很多好评,用户下载的时候可以看到很多用户反馈声音就是你APP很好,我给你打五分,或是4.5分这样很开心,有差屏也有。

    贺海波:Web劣势比较直观感受到,Web开发性,开发性决定优势,决定了整个Web一个发展速度。必然这个开发性也导致了外部隐私和整个大脑,对外是暴露的,举个例子12306,瞬间觉得我做一个查检被人改了,你发现今天整个会议都在讲PWA,为什么呢?我发现Web上体验不好,我发现Web性能不是特别好,其士上Web体验做的很好,你也能把性能做的很好,但是这个开发成本是高的。对于一个入门级Web开发者而言,要在体验上要做像Niteo那样体验号的话,要具备的知识面会特别多,担心一个插入和删除,对整个性能影响会是什么样子,甚至还要关心什么?关心我怎么去用一些(英文)提升体验和加载速度。举个例子,网易客户端,对网页实现没有那么大关注。所以就为了保证速度更快,我们做简单的模板再加上一些数据,用Niteo进行拼接。这个看起来很愁,而且选择是板钉在客户里逻辑,后来做优化。我们不想把这个东西做得和Niteo一样。调一些UR,还进行Web的渲染,发现整个体验降下来了,针对它做一些优化。甚至说做了一些Web new提前预加载。做一些数据拼接,用另一个Web渲染一些数据。确实我们在Web这块体验做的更好,只是对开发者要求是偏高。所以我觉得这个性能和体验还是希望一个Web开发的比较大的劣势。

    闵栋:Web劣势说了很多年了,大家基本都了解。刚开始说Web劣势主要是功能和性能量方面。功能方面劣势主要是体现在API数量可能还不如原生API数量多。所以有很多原生的功能,在Web变化不了。在这种情况下,国内也有很多企业进行探索,国内本地一些API的标准,来国内先行先试,国内本地化特色的功能,支付或者是二维码扫描,可能还做这方面的标准。我们希望本地化的标准进一步往W3C去提,本地化标准进一步去国际化。其实我们觉得这个迟早会解决这个问题。

    因为随着标准化程度不断的完善,其实Web标准化功能不断的增加,最终不会有太大的差距。在性能方面其实很早以前也是很多业界觉得Web比较弱的方面。Facebook选用Web是中亚一个失误,我们跟业界专家交流,还有因特尔一些专家交流。他们认为用性能方面的问题,都不是问题。随着摩尔定律性能提升,对Web应用支持会不断的提升。

评论已关闭

站内搜索

万维网联盟(World Wide Web Consortium, W3C)是Web领域的国际标准化组织,致力开发开放Web标准确保Web的长期发展,实现“尽展Web无限潜能”的使命。

更多内容>>

近期活动

更多内容>>

W3Cx 开放课程

W3C技术标准

查看Web技术标准
- 所有标准
■ Web与产业融合 ■
- 汽车 | 数字出版 | Web与电信
- 娱乐与广播电视 | Web支付 | Web数据
- 物联万维网(WoT) | Web安全
■ Web For All ■
- Web无障碍 | 国际化 | 索引(A to Z)
■ 社区组与商务组 ■
- 所有社区组 | 新建社区组
■ 标准工作组 ■
- 所有标准小组 | 参与指南

更多内容>>

W3C标准翻译

欢迎您加入W3C翻译计划,了解W3C标准和文档翻译情况,帮助提供不同语言的W3C标准规范及文档的志愿者翻译及W3C授权翻译,惠及全球技术社区。

更多内容>>

贡献榜

我们通过贡献榜,感谢您积极参与W3C的标准制定及审阅工作、提供标准及技术文章的中文翻译、参与各类技术研讨会。

更多内容>>

W3C 中文开发者社区

W3C中国目前正在不断加大全球W3C工作的参与力度,并推动了一系列以了解中国行业需求、引导标准制定为主要目的的工作组(WG)、兴趣组(IG)和社区组(CG)。
Web中文兴趣组 | MiniApps工作组 | MiniApps生态社区组 | 弹幕特别任务组 | 中国信息无障碍社区组 | 中文数字出版社区组 | 数据可视化社区组 | 中文文字布局需求特别任务组

更多内容>>

会员链接

相关资源需要使用 W3C账号登录后使用

首页 | 加入工作组 | 申请W3C账号 | 最新会员消息

开发者资源

合作伙伴

  • 北京航空航天大学
  • 北航计算机学院
  • w3ctech