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

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

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">

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

魔客吧为什么打不开了?相信很多站长朋友都想知道!尤其是一些已经购买了魔客吧的会员,跟版网的小编最近看到了中国网信网在2018年10月31日发布的一条消息,具体内容如下: 原文官方地址链接: 三季度全国网信行政执法工作取得明显成效 国家发布公告关停的网
淘宝客定向计划是什么意思 ?怎么建立?相信作为淘宝卖家都知道淘宝客,但是对于 淘宝客设置 ,大部分估计都只是设置通投计划,和一定的 淘宝客佣金 。然后隔段时间去看看空空荡荡的账户总览报表。不知道怎么去做淘宝客优化。今天小编就教大家用淘宝客里面的定
本文将分两个专题去理解HTTPS。 专题一,主要介绍HTTPS建立安全链接的原理,包括非对称加密、对称加密、CA认证等知识,还包括对一些业界常用算法的优缺点对比,性能简介与对比等。 专题二,主要采用实地抓包方式,看看HTTPS建立链接的整个过程,并结合专题一
20日,国内手机门禁品牌令令开门在其官方微信宣布, 对北京摩拜科技有限公司侵犯其多项发明专利提起侵权诉讼和行政处理请求,北京知识产权法院以及北京市知识产权局已受理此案。 21日,摩拜单车相关负责人回应称:根据初步分析,摩拜不认同对方的主张,将积
这个问题我想大多数做百度联盟的朋友想知道,百度官方是这么回答的: 联盟并非单纯参看点击率,为防止通过人为控制数据、制造无效点击增加联盟推广客户成本的情况发生,联盟会通过数十个系统参数的分析以及专家的审查来判断数据的合理与有效。因此请您放心,
很多时候,我们看到两个除了域名不同,其他完全相同的网站,如果你是一个站长,忽然看到一个和自己网站完全一样的网站,一定会有点恐慌吧。这种情况,我们称之为镜像网站。来看看百科上关于镜像网站的描述: 网站镜像,通过复制整个网站或部分网页内容并分配