您的位置：首页 > 运维架构 > 网站架构

手机网站优化，百度MIP网页加速

2017-09-06 00:00 375 查看

不知道大家是不是也经常登录百度站长平台，百度悄悄的多出了一个“MIP引入”的菜单，像子凡这样注意细节的人，前两天登录站长平台就已经看到了，而已还稍微的看了一遍，只能说感觉好神奇的样子，但是最后才发现这是百度自己家推出的一个标准，虽然说是会利于网页加速，也有缓存功能，确实挺好的。至于利弊，子凡这里就先不谈论，子凡来给大家普及一下MIP吧！

什么是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 页面；通过进一步了解 MIP HTML 规范、对 MIP HTML 页面进行阶段性的验证等内容，你可以轻松开发出理想的 MIP 页面。基本步骤包括：

创建基础 MIP HTML 页面

引入图片

调整样式和布局

预览和验证

最后一步

技术规范

起始标签使用<!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”> 更多具体内容请访问百度MIP官网：https://www.mipengine.org/

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： MIP 手机网站手机网站优化网站加速

相关文章推荐

新的分享

章节导航