移动网页加速器MIP详解_郑州seo研究中心 
您的位置: 主页 > 移动优化 > 移动网页加速器MIP详解

移动网页加速器MIP详解

发布时间:2023-07-07 00:00:00 编辑:郑州seo研究中心

    郑州seo研究中心-郑州专业的网站SEO优化,资深seo公司,公司主要提供seo基础知识,SEO技术,SEO教程,SEO问题解答,河南各地市网站优化、企业网站诊断、网站建设优化、网络营销、企业产品营销等服务。
    排名不是问题,问题是找到合适的团队,实现公司网站的排名,还在犹豫吗?快拨打我们电话。公司电话:
    各位SEO站长朋友最近应该有注意到,在百度站长平台工具只多了一个叫MIP的功能入口,到底是什么鬼?经无忧的研究此功能跟谷歌的AMP同出一辙,而且无忧哥发现百度的谓的MIP其实就是模chao仿xi谷歌的AMP,真的是一直在模仿。。。
移动网页加速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 基于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. 头部使用规范
起始标签使用<!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">
不说了,大家有时间来看看官方的说明文档吧。https://www.mipengine.org/doc.html#../docs/1-overview/1-what-is-mip.md
 
253
  • 上一篇:没有了
  • 下一篇:手机网站该如何优化?
  • 相关文章

  • [1]新乡网站优化中的百度指数怎么做?
  • [2]河南百度SEO中的自媒体平台怎么做?
  • [3]河南百度SEO中的站群优化的影响因素有哪些?
  • [4]洛阳百度SEO中的内部链接如何做才能更符合SEO规则?
  • [5]平顶山百度SEO中影响关键词选择的因素有哪些?
  • [6]平顶山百度SEO中的SEM怎么操作?
  •