BT

您是否属于早期采用者或者创新人士?InfoQ正在努力为您设计更多新功能。了解更多

百度转型AI,Web大有可为

| 作者 江柳 关注 0 他的粉丝 发布于 2017年7月10日. 估计阅读时间: 9 分钟 | ArchSummit社交架构图谱:Facebook、Snapchat、Tumblr等背后的核心技术

搜索是AI最早的原型,也是AI最典型的应用。百度着力向AI转型,搜索仍是最重要的应用。Web有天然的开放性、需求满足路径短的特性,所以Web技术在AI时代将会有更大应用空间,百度仍然会不遗余力为web生态提供基础设施的建设。在2017百度AI开发者大会Web生态分论坛上,百度就展示了其在Web生态技术上的探索和实践,包括Web设计、HTTPS安全、MIP加速、Web APP、AR增强现实等。本文从技术的角度对现场内容作了简单的汇总,感兴趣的读者可以下载讲师PPT深入阅览。

百度搜索生态总监谢天做了开场致辞,谢天表示,百度搜索是用户通往Web Site的桥梁,而在Open Web的过程中,站点面临了四大挑战:安全、速度体验、体验增强与用户留存。百度在深耕搜索技术的同时,也心系Web繁荣,针对当今Web技术面临的痛点,研发发展了HTTPS安全、MIP加速、百度AR增强现实等系列技术,与开发者共同将Web生态的挑战转化成这个时代的机遇。

Web安全技术——HTTPS(演讲PPT

百度资深研发工程师张伟伟以及吕明分别从Web网页的安全隐患和百度HTTPS解决方案做了分享。张伟伟表示,在移动互联网时代,网站跳转白页、广告插播、调至跳转、隐私泄露等网络安全隐患的背后都隐藏着相同的问题——网络劫持。下图为一个典型的劫持场景,劫持者通常处于网络链路中间环节,在百度服务器之前将用户请求劫持到自己的服务器上,再将伪造的响应通过互联网反馈给用户,由此达到欺瞒用户的目的。

为了解决这个问题,百度启用了HTTPS超文本传输协议,HTTPS设置APS保护,身份验证、数据加密、完整性校验等多种保密措施能够很好的防止中间劫持行为发生。

采用HTTPS技术可以大幅度增强网络安全性,有收益的同时必然存在一定的成本,速度慢&访问体验差,服务CPU资源资源消耗大以及网站改造成本高都是HTTPS改造需要解决的问题。针对HTTPS改造过程中面临的问题,百度是如何改进的呢?

  • 1)访问速度。据统计,采用HTTPS协议替代HTTP,网络访问需要增加1到7个RTT,大大降低了访问速度,百度通过对网站访问过程的分析,采用常规优化和定制优化两种策略消除网络延迟、减少CPU运算、节省流量。
  • 2)安全和可用性。提高安全性往往可能在某些场景中损害用户可用,保证用户可用的条件下,又回用户损失安全,如何平衡安全和可用性,百度从两大方向着手,一是安全等级,二是证书可用性。百度为不同类型的服务提供了同步安全等级,并且根据客户端特性,选择不同的证书提供服务。
  • 3)业务改造。针对复杂Web站点和简单Web站点,张伟伟现场分别给出了不同的建议,Web站点设计域名数量多、第三方资源以及接入集群部署等问题,推荐自主改造;简单Web站点可使用百度云加速一键开通,百度云加速提供完整的HTTPS和匀加速解决方案,能够帮助站点快速完成域名接入、服务配置和HTTPS开通流程。

最后吕明在百度对各站点升级HTTPS的支持做了简单介绍,现场打消了开发者对于站点升级改造后能否被百度收录的忧虑,他解释,百度搜索除了全面支持HTTPS网页抓取和收录有待之外,同时开通绿色认证通道帮助网友快速切换HTTPS入口。

速度——MIP的架构与原理解析(演讲PPT

百度前端工程师沈洲、产品设计师冯旭、高级研发工程师吴鹏分享了Web极致体验背后的加速器——MIP的架构与原理。百度MIP项目启动于15年12月份,16年4月MIP测试版发布、16年8月官网上线、9月工具集发布、17年3月百度MIP组件平台正式上线,纵观百度MIP发展的整体路线,百度对MIP上投入的时间虽然不长,却也有条不紊,沈洲表示:百度MIP还会持续完成技术的更新于迭代,帮助用户达到最佳的网络体验环境。

沈洲首先分析了MIP的加速流程,MIP加速主要包括MIP规范、代码运行环境以及CDN缓存系统三大部分,HTML根据MIP规范进行改造,经过MIP校验,在MIP运行环境运行保证整个页面在进行无阻塞的加载,同时保证MIP规范能够完整的执行,最后通过CDN缓存,进入极速浏览模式。MIP加速流程如下:

在MIP优化流程当中,百度利用多种手段提升网络的访问速度,沈洲现场通过对代码优化、生命周期优化以及CDN缓存优化三点举例加以说明。

1)网络优化。如下图所示,在图片代码之前添加“// prefetch-dns && preconnect”代码,这行代码能够帮助实现两个功能,一是DNS预取、二是HTTP与连接建立,通过这行代码的简单优化,能够使移动网络提升100mS-200mS。

2)生命周期优化。现如今用户浏览的页面经常会加载大量的图片、视频或者音频媒体资源,这些资源通常加载时间长、流量消耗大。为了解决和优化因大文件导致的速度延时问题,百度MIP对于每个元素生命周期均做了一定优化,如控制图片加载顺序,优先加载可视区域的图片,对于非可视区域内的图片延迟加载等。
3)CDN缓存系统。百度MIP页面被CDN缓存,用户可直接访问CDN页面。去年,百度的MIP CDN响应时间在200mS左右,随着近一年的优化,响应时间已经提升至100毫秒左右。

与此同时,百度为开发者提供了较为完整的规范和使用工具。吴鹏在现场一一作了介绍,本文在此不做详述,感兴趣的开发者下载PPT了解详情。

用户留存——Web APP的探索与实践(演讲PPT

如果说移动Web是引导用户关注的指南针,那么Web APP就是用户留存的最佳入口。百度高级技术经理王俊杰、资深前端工程师彭星、百度浏览器内核技术负责人尹立就百度在Web APP上的探索与实践进行深入分享。

什么样的Web APP符合“优质用户体验”?

Web APP无需安装也无需下载的特性受到众多用户喜爱,但即使被人们广泛使用的应用工具诸如网页版微信、钉钉等,也存在入口不便、输入缓慢、离线不可用、交互卡顿等各种问题。谈到Web APP现状,王俊杰乐观的表示,目前Web APP的各类问题都有实际落地的解决方案。

王俊杰对Web APP的用户体验提出了三个标准:1)Reliable 可靠的,可信赖的。现在的Web APP基本上是离线完全不可用,但在将来,即便未连接网络,Web APP至少保证一些不需要网络的功能交互窗口离线可用;2)fast 快速。好的体验速度是第一要素,Web APP不仅可以从服务器上去下载资源加载,而且还要考虑本地缓存问题;3)Engaging 有粘性。用户可以通过在桌面创建图标、显示消息通知等方式更快速、方便进入Web APP。

百度浏览器内核在Web App体验上的优化实践

不止于搜索页面,百度在浏览器的内核优化方面也做了不少努力和尝试,尹立现场展示了百度浏览器在内核优化方面所做的实践,包括渲染优化和流畅度优化。

  • 渲染优化。包括首屏展现提速、智能云加速、首屏JS API支持、DomFirstPaint以及DomFirstScreenPaint五大类型。
  • 流畅度优化。手机流畅度分为两块,一是左右滑动流畅度,实现页面的切换;二是纵向滑动流畅度,实现某些功能的触发。百度采用优先响应显示区域加载页面,降低不在可视区的元素响应等级的方式,提升页面的流畅度。

体验增强——AR与Web技术的融合(演讲PPT

AR是未来的发展趋势之一,Web AR也已经不是一个虚无缥缈的概念。百度从很早以前就开始关注AR并将AR和百度技术进行融合,做到真正的增强用户体验如百度地图16年增加的AR导航模式。当AR+Web技术,会碰撞出怎样的火花?百度主任架构师王宇亮现场分享了百度在AR领域做的工作和突破。

王宇亮现场透露到,百度搜索已经着手开始对AR进行全面的支持,AR内容将像图片、视频一样成为搜索的第一“公民”。即百度搜索将对优质、有体验度的AR内容进行优先索引排序,用以提升用户体验。同时,百度计划今年在AR的内容、交互和展现形式上开放统一标准和预处理工具等,其目的是希望在年底实现网站对AR内容的简单调取和引用。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

我就呵呵了,说好的AI呢,怎么通篇都在讲网站性能优化。 by w mq

我就呵呵了,说好的AI呢,怎么通篇都在讲网站性能优化。

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

1 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT