百度MIP改造让网站像APP一样流畅

2018-6-8 17:51| 发布者: admin| 查看: 98| 评论: 0

摘要: 【MIP】有了这个神器,网站就像APP一样流畅!发现一个神器!今天MIP小姐姐给大家带来的,是MIP在优化网站体验上的一项重大更新。有了这个神器,不管你的MIP页面是否从搜索打开,体验都可以像APP一样流畅。这个神器是 ...
【MIP】有了这个神器,网站就像APP一样流畅!

发现一个神器!

今天MIP小姐姐给大家带来的,是MIP在优化网站体验上的一项重大更新。有了这个神器,不管你的MIP页面是否从搜索打开,体验都可以像APP一样流畅。这个神器是什么,对大家的熊掌号又有哪些帮助呢?那我们就要从宇宙的起源(划掉)MIP的使命开始讲起,帮助各位理解。

网页流畅体验
熟悉MIP的朋友可能都了解,MIP 全称 Mobile Instant Pages(移动网页加速器),因此是以页面 (Page) 为单位来运行的。开发者通过改造/提交一个个页面,继而被百度收录并展示。从搜索打开的MIP页面,速度嗖嗖的,体验爽爽的,从此看见白屏就觉得浑身难受。

但是对单个页面的体验优化,已经无法满足追求完美的MIP工程师了,因为他们发现了这样一个问题:当一个 MIP 页面中存在往其他页面跳转的链接时,就会使浏览器使用加载页面的默认行为来加载新页面,仍然会出现白屏跳转。这“第二跳”的体验比起从搜索结果页到 MIP 页面的“第一跳”来说相去甚远。

为了让搜索点出之后的第二、三、……N跳都无比顺畅,我们为全站都为MIP页面的站点提供了一项更新:MIP-SHELL。它的作用是把多个页面以一定的形式组织起来,让它们互相切换时拥有和单页应用一样的切换效果,而不是浏览器默认的切换效果。这个功能大部分对开发者是透明的,但也需要开发者遵守一些页面的编写规范。

目前,这个功能还在内测之中。不过如果你的网站所有页面(包括首页)均为MIP,并且在熊掌号全部提交之后,就可以在百度搜索中率先体验页面之前流畅切换的效果。已经有一些站点通过全站接入MIP,获得了这像酷炫的效果,比如搜“极客公园”,页面之间的切换已经不输APP了~

而 MIP-SHELL 帮助站点达成的效果,就是在搜索之外,也能实现网站页面的流畅切换。

网站体验与收益
站点打开速度和体验,对网站的收益至关重要。研究显示: 
- 页面打开速度超过5秒,80%以上的用户会选择离开 
- 79%的用户会放弃访问体验差的网站; 
- 网站每延迟1秒,收入将下降7%
MIP技术已经实现了提高网站打开速度的承诺,接下来,就要朝着全面体验的优化而努力,为站长们提供更多开发便捷、体验流畅的技术方案,让网站获得更多收益!

MIP-SHELL 科普时间
目前 MIP-SHELL 组件正在已经完成开发,正在进行小范围内测,在这里先和大家介绍一下MIP-SHELL组件的部分能力。在实际项目中,我们很可能会有一些独立于页面内容之外的相对固定的部分,我们称之为外壳 (Shell)。在页面切换时,Shell 部分一般不跟随页面内容进行过场动画。

开发者可以在每个页面中使用 标签来定义 Shell 的各项配置。目前 MIP 仅提供头部 Shell,但后续会陆续提供多种类型,多种样式的 Shell 供开发者选择。

开发者通过如下方式使用MIP-SHELL组件,并进行对应的配置。

通过使用MIP-SHELL组件,我们可以让一个站点的切换变得非常流畅。

熊掌号能力将大波来袭
MIP团队联合熊掌号团队正在打造一批高质量的熊掌号MIP组件,包括登录、支付、关注、订单、对话等等,大量熊掌号MIP组件将在6月份对外发布,欢迎大家加入MIP前端技术讨论群:363200822(温馨提示,入群需正确回答问题),获得MIP技术进展第一手信息,试用酷炫新功能哦~

鲜花

握手

雷人

路过

鸡蛋

相关阅读

发表评论

最新评论

Archiver|手机版|小黑屋|谭兴才自媒体

GMT+8, 2018-8-20 15:56 , Processed in 0.161518 second(s), 25 queries .

谭兴才 ©版权所有

© 2018 TanXingCai.com

返回顶部