什么是MIP?移动网页加速器 MIP开发指南

2016-09-28互联网
257

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 页面;通过进一步了解 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">

The End

相关推荐

如何注册并获取高德地图JS API的安全密钥和Key
要使用高德地图JavaScriptAPI调用高德地图相关数据,您需要获取API Key和安全密钥(securityJsCode)。以下是获取步骤: 注册高德开放平台账号 首先访问高德开放平台:https://lbs.amap.com/,如果没有账号需要先注册账户并通过开发者认证,在这里有一个比较简...
2025-09-04 互联网
197

百度站长平台大量自动删除网站,再添加提示“该站点为低质站点,暂不可添加”
周末跟版网小编在添加文档时候,发现一个网站推送到百度站长平台出现error site情况,起初以为是我网站哪里问题,然后去站长平台看了一下,让我非常震惊,我在百度站长平台的网站只剩一个了,其他的都被自动删除了。小编尝试重新添加这个网站,就提示该站点为...
2023-09-04 互联网
82

谷歌Adsense:您的网站尚未准备好展示广告
最近一个网站的流量稍微有一些,准备做一下广告联盟,于是就申请了谷歌的adsense广告,过了几天就收到了一封邮件,大概内容如下: 我们的团队已完成审核,但遗憾的是,您的网站目前还没有完全达到要求,尚无法展示广告。您需要先纠正网站上存在的一些问题,然...
2023-03-03 互联网
120

魔客吧为什么打不开了?真正的原因可能在这里!
魔客吧为什么打不开了?相信很多站长朋友都想知道!尤其是一些已经购买了魔客吧的会员,跟版网的小编最近看到了中国网信网在2018年10月31日发布的一条消息,具体内容如下: 原文官方地址链接: 三季度全国网信行政执法工作取得明显成效 国家发布公告关停的网...
2018-12-27 互联网
236

wamp环境解决局域网不能访问的问题
安装好wamp后,想用手机通过局域访问电脑上wamp下的网页,结果出现如下提示403错误: 第一步:找到 conf 这个文件 : 找到下图中红色方框中的onlineoffline tag - dont remove,将原来的Require local替换为Require all granted; 注意几种常用格式,自己可...
2018-10-29 互联网
109

网站微信支付接口申请介绍
一、微信支付接口概念: 微信支付是由腾讯社交软件微信和财付通联合推出的移动支付产品,而微信支付接口则是为微信电商提供的手机支付服务功能接口,商户一旦申请此接口,客户就可以通过微信支付进行在线购物付款。其安全系统全部有具有第三方支付牌照的财付...
2018-05-25 互联网
197