查看: 1311|回复: 1

[技术文章] 移动网页加速器MIP详解

852 主题	38 听众	3176 积分

白金VIP

Rank: 8 Rank: 8

TA的每日心情

	开心 2024-3-7 12:52

签到天数: 1538 天

[LV.Master]伴坛终老

电梯直达

楼主

|只看该作者 |倒序浏览

各位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标签中包含

MIP教程, 移动网页加速, seo优化

转播0 淘帖0 分享0 收藏0 赞0 踩0

帖子永久地址：

黑帽联盟 - 论坛版权1、本主题所有言论和图片纯属会员个人意见，与本论坛立场无关
2、本站所有主题由该帖子作者发表，该帖子作者与黑帽联盟享有帖子相关版权
3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和黑帽联盟的同意
4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
5、本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责
6、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意
7、黑帽联盟管理员和版主有权不事先通知发贴者而删除本文

		自动登录	找回密码
密码			会员注册

[技术文章] 移动网页加速器MIP详解

相关帖子

个人中心