黑帽联盟

标题: 移动网页加速器MIP详解 [打印本页]

作者: 定位 时间: 2016-12-28 23:28
标题: 移动网页加速器MIP详解

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

什么是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. 头部使用规范

起始标签使用
html标签必须加上mip标记，即:
必须包含和标签
必须在head标签中包含字符集声明: ，字符集统一为utf-8
必须在head标签中包含viewport设置标签: ，推荐包含initial-scale=1
必须在head标签中包含
必须在head标签中包含
必须在head标签中包含
必须在body标签中包含

作者: 愤怒的肥皂 时间: 2016-12-29 09:20
能出个织梦的MIP教程么

欢迎光临黑帽联盟 (https://bbs.cnblackhat.com/)