| 后台-系统设置-扩展变量-手机广告位-内容页头部广告位 |
移动网页加速器MIP详解
xingxing 6年前(2016-10-10 08:48:11) seo技巧 ℃-
各位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. 头部使用规范
起始标签使用<!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">
标 签：
试试用"←"或"→"方向键快速翻页把 (^o^)/
| 后台-系统设置-扩展变量-手机广告位-内容页头部广告位 |
| 留言与评论（共有 0 条评论） |
- 搜索
-
- 热门图片
- 最近更新
