创新路
我们一直在努力

MIP移动优化一

什么是 MIP

MIP(移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供 MIP-HTML 规范、MIP-JS 运行环境以及 MIP-Cache 页面缓存系统,实现移动网页加速。

主要三部分:

MIP-HTML:基于 HTML 中的基础标签制定了全新的规范,通过对一部分基础标签的使用限制或功能扩展,使 HTML 能够展现更加丰富的内容。

MIP-JS:可以保证 MIP-HTML 页面的快速渲染。

MIP-Cache:用于实现 MIP 页面的高速缓存,从而进一步提高页面性能。

MIP 头部代码规则:

<!DOCTYPE html>

<html mip>

  <head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width,initial-scale=1">

    <link rel="canonical" href="https://www.mipengine.org">

    <link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v2/mip.css">

  </head>

  <body>

    <!– 页面内容 –>

    <script src="https://c.mipcdn.com/static/v2/mip.js" async="async"></script>

  </body>

</html>

唯一只能出现一次的标签:

原<html> 变为<html mip>

原<head>不变

原<body>不变

head中必须申明:

编码:<meta charset="utf-8">

viewport:<meta name="viewport" content="width=device-width,initial-scale=1">

css:<link rel="stylesheet" type="text/css" href="https: // c.mipcdn.com/static/v2/mip.css" >

body中必须申明:

js:<script src="https: // c.mipcdn.com/static/v2/mip.js"></script>

页面禁止使用标签:

1.所有 on* 开头的属性:如onclick、onmouseover

2.禁止style,全部改为class

3.禁止<video>  改为 <mip-video>

4.禁止<object>、<param><embed>

5.禁止<form> 改为 <mip-form>

6.禁止<frame>、<frameset>、

7.禁止<iframe>改为<mip-iframe>

8.禁止<img>改为<mip-img>

9.禁止<audio>改为<mip-audio>

10.禁止<script>,只能调用mip 官方组件js

11.限制<style>只能使用一次,并改为 <style mip-custom>

代码是否规范 可以使用工具检测:

https: // www .mipengine.org/validator/validate?url=http://www.iisya.com

1577955662593838.png

根据提示修改。

未经允许不得转载:天府数据港官方信息博客 » MIP移动优化一

客官点个赞呗! (0)
分享到:

评论 抢沙发

评论前必须登录!

天府云博 - 做有态度的开发&运维&设计学习分享平台!

联系我们百度云主机