百度MIP技术的原理及影响

最近,我留意到百度站长平台方面,正在大力的宣传MIP技术,而这项技术针对的是移动端网页加速。在刚MIP技术刚发布的时候,我有看过MIP官网对MIP的介绍以及配置说明。对比起之前安装的主动推送、自动推送这些链接提交工具而言,那叫一个繁琐N倍。其想搞又得不到确定也没有特别的官方数据说明,自然是抱着官网的态度。

而最近很多SEO的QQ群、微信群包括百度站长平台的宣传让“MIP”这个词更多次的曝光在我的眼前。百度希望大家使用MIP,为移动端网页加速,SEO、站长朋友们也希望通过MIP来提升自身网站的SEO流量,姑且研究了一番。

百度MIP技术为移动端网页加速的原理:

通过对html代码的规范、js运行环境的限制还有对页面的缓存。使得用户在访问MIP页面时,页面能够被快速的渲染,呈献给用户。具体的原理我参考MIP官网介绍的原理拿过来与大家分享,对部分做了一些调整,便于大家理解。另涉及但不限于以下几点:

1、精心设计的javascript:MIP不允许自定义js,需要通过mip组建的形式引入进来,像一些广告、统计代码还有交互。这样在性能上不进得到了提升,在安全性上也得到了一些保障。

2、静态资源需要标明尺寸:页面的任何资源本身都是需要限制宽和高,但在页面的日常开发中,往往不是如此,正是由于资源的大小不能够确认,页面经常需要进行反复的重新绘制才得以呈现,请注意,反复的绘制和声明了宽高而一步绘制到位的速度是有一定区别的。

3、任何机制都不能够阻止页面的渲染:开发者的任何自定义脚本,都需要用MIP的tag反馈给MIP,例如mip-ad、mip-iframe等,这些方式不会阻塞页面的layout和渲染。

4、对外部资源加载的控制:MIP runtime本身已经提供了很多被封装好的javascript,我们其实也没有必要再去自己实现一些复杂的交互功能。可以这么说,别人做好的东西,在速度和安全性上都是经过一系列的调整后的东西,为什么我们不能拿过来直接用呢?用自己的,那么对速度和安全性考虑的一定比百度的技术人员周全吗?

5、只允许内联式的css:先介绍下css样式的几种加载方式,如下三种:

<div style=”width:100px;height:100px;background:red;”></div> /* CSS 内联式 */

<style>div{width:100px;height:100px;background:red;}</style> /* CSS 嵌入式 */

<link rel=”stylesheet” href=”style.css” type=”text/css” /> /* CSS 外联式 */

通过对上面的示例,很清楚的可以知道,内联式css就是写在每个html标签里的样式,那么这种对比其他两种的好处在于哪里呢?

CSS嵌入式,需要对html页面读取之后,然后再行布局CSS样式,CSS外联式需要单独的再加载另外一个css文件,然后再进行对页面的渲染。而CSS内联式是在直接读取html代码的同时,就能够针对对应的标签进行渲染,这样减少了客户端的开销,从而提升了速度。

6、只允许GPU加载的动画:MIP只允许用transforms和opacity来完成动画效果,当动画能在GPU上执行时,仅触发渲染层合并。

7、MIP缓存:MIP另一个重要的意义在于能够帮站长加速网页,百度将会把MIP网页缓存到百度CDN中。只要符合MIP标准,都可以使用MIP缓存。

另外,MIP是一个开源的项目,所有的标准并非一成不变。百度也会持续不断进行优化,如果你做了MIP或者即将要做,那么后续应该不断的关注它的变化。

以上内容主要部分来自于MIP官网,有兴趣的朋友,可以访问并进行更深入的了解。

那么,移动端网页做了MIP后,真的能提升SEO流量吗?

其实,这个提升不是直接的提升。影响SEO的因素有很多很多,我们也知道这个MIP所提升的是移动端网页的速度,而在之前,百度也曾对外宣称过,一个移动端网页的加载速度达到3秒+,就会被认为是一个垃圾页面,那么通过配置MIP,使得网页秒开,对流量的提升又从何说起呢?

这里我们要知道,在搜索引擎爬虫抓取网页的时候,也是要打开每一个网页的,网页打开速度慢,抓取的量级自然就会小,抓取少了,那么被收录的页面自然也不会有太多。收录的页面没有多少,参加排名并获得流量的那就更少之又少了。所以提升网页的加载速度,等同于提升网页的抓取量,抓取量增多收录的数量、参与排名并获得流量的网页自然就会增多。

所以,如果你现在的移动端网页打开速度是令你头疼的、不满的,或者你觉得还是有很多的可提升空间的来创造更大的价值,那么使用百度的MIP技术来提升网页速度,绝对是一个很好的选择。

原创文章:《百度MIP技术的原理及影响》,作者:赵彦刚。不经允许,请勿转载,如若转载,请注明出处:https://zhaoyangang.cn/?p=1159

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2016 年 11 月 27 日 20:12
下一篇 2017 年 5 月 27 日 18:39

相关推荐

发表评论

您的电子邮箱地址不会被公开。

评论列表(3条)

  • 川禾门业的头像
    川禾门业 2017 年 5 月 21 日 16:27

    现在SEO不像以前那么好做了。现在更讲究方法和技术,感谢大神分享

  • 合肥seo的头像
    合肥seo 2017 年 3 月 13 日 02:54

    谢谢分享

  • 凯哥自媒体的头像
    凯哥自媒体 2017 年 1 月 9 日 10:30

    挺好的,感谢博主的分享。