SEO技术 原创

移动网页加速器百度MIP详解

爱搜SEO论坛的头像 爱搜SEO论坛 · · 回复 5 回复本帖
只看楼主 倒序浏览 共 5 楼 第 1 / 1 页
楼主 2016-08-20 12:35 2,065 阅读 1#

各位SEO站长朋友最近应该有注意到,在百度站长平台工具只多了一个叫MIP的功能入口,到底是什么鬼?经无忧的研究此功能跟谷歌的AMP同出一辙,而且无忧哥发现百度的谓的MIP其实就是模chao仿xi谷歌的AMP,真的是一直在模仿。。。

移动网页加速MIP

什么是MIP?

MIP(Mobile Instant Page – 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。

MIP主要由三部分组织成:

  • MIP HTML
  • MIP JS
  • MIP Cache

MIP HTML 基于HTML中的基础标签制定了全新的规范,通过对一部分基础标签的使用限制或功能扩展,使HTML能够展现更加丰富的内容;MIP JS 可以保证 MIP HTML 页面的快速渲染;MIP Cache 用于实现MIP页面的高速缓存,从而进一步提高页面性能。

MIP HTML 基于HTML基础规范进行了扩展,下面是一段简单的MIP HTML代码示例:

<!DOCTYPE html>
<html mip>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
        <link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css">
    </head>
    <body>Hello World!</body>
    <script src="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js"></script>   
</html>

MIP HTML 规范中有两类标签,一类是HTML常规标签,另一类是MIP标签。MIP标签也被称作 MIP HTML 组件,使用它们来替代HTML常规标签可以大幅提升页面性能。

开发指南

按照下面的步骤,你可以快速创建一个基本的 MIP HTML 页面;通过进一步了解 MIP HTML 规范、对 MIP HTML 页面进行阶段性的验证等内容,你可以轻松开发出理想的 MIP 页面。

基本步骤包括:

  • 创建基础 MIP HTML 页面
  • 引入图片
  • 调整样式和布局
  • 预览和验证
  • 最后一步

技术规范

1. 头部使用规范

  • 起始标签使用<!doctype html>
  • html标签必须加上mip标记,即: <html mip>
  • 必须包含<head>和 <body>标签
  • 必须在head标签中包含字符集声明: <meta charset=”utf-8″>,字符集统一为utf-8
  • 必须在head标签中包含viewport设置标签: <meta name=”viewport” content=”width=device-width,minimum-scale=1″>,推荐包含initial-scale=1
  • 必须在head标签中包含<link rel=”stylesheet” type=”text/css” href=”//m.baidu.com/static/ala/sf/static/css/miphtml_xxxxxx.css”>
  • 必须在head标签中包含<script async src=”https://m.baidu.com/miphtml/v0.js”></script>
  • 必须在head标签中包含<style>body {opacity: 0} </style><noscript><style>body {opacity: 1}</style></noscript>
  • 必须在body标签中包含 <script src=”//m.baidu.com/static/ala/sf/static/js/miphtml_main_xxxxxx.js”>

不说了,大家有时间来看看官方的说明文档吧。https://www.mipengine.org/doc.html#../docs/1-overview/1-what-is-mip.md

常见问题

什么是MIP?

MIP(Mobile Instant Page - 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。 MIP主要由三部分组织成:…

开发指南,重点是什么?

按照下面的步骤,你可以快速创建一个基本的 MIP HTML 页面;通过进一步了解 MIP HTML 规范、对 MIP HTML 页面进行阶段性的验证等内容,你可以轻松开发出理想的 MIP 页面。 基本步骤包括: 创建基础 MIP HTML …

技术规范,重点是什么?

1. 头部使用规范 起始标签使用<!doctype html> html标签必须加上mip标记,即: <html mip> 必须包含<head>和 <body>标签 必须在head标签中包含字符集声明: <meta charset="utf…

回复
签名:爱搜SEO论坛站长,14年SEO与网站建设实操经验,专注搜索引擎优化、WordPress建站、百度与Google SEO、服务器运维和网站流量增长。
全部回复 5 正序 倒序
沙发 2016-09-11 14:49 2#

哈哈哈哈创建基础 MIP HTML 页面

· · 回复
板凳 2016-09-13 17:36 3#

http://www.52024go.com/梓涵时间

· · 回复
地板 2016-10-25 22:36 4#

我也看到这个MIP,不过从未点击也从未了解过,感觉对于我们这种响应式站点意义不大吧

· · 回复
回复 2016-10-26 16:06 5#

现在这个移动网页加速百度推出来真的有效吗?

够呛吧,那么回事

· · 回复
回复 2016-11-08 08:52 6#

鸟叔的主题,整理的好精致。

· · 回复
发表回复请遵守版规,广告与灌水一律删除

支持 HTML 基础标签,如 <blockquote>、<strong>

QQ 微信 Telegram whatsApp
分享本页
返回顶部