• 百度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技术的原理及影响》由北京SEO作者赵彦刚原创,转载请注明出处