移动网页加速器百度MIP详解

张俊SEM
张俊SEM
张俊SEM
管理员
6122
文章
0
粉丝
seo优化229字数 757阅读2分31秒阅读模式

各位SEO站长朋友最近应该有注意到,在百度站长平台工具只多了一个叫MIP的功能入口,到底是什么鬼?经无忧的研究此功能跟谷歌的AMP同出一辙,而且无忧哥发现百度的谓的MIP其实就是模chao仿xi谷歌的AMP,真的是一直在模仿。。。

移动网页加速MIP
移动网页加速MIP文章源自张俊SEM-https://www.zhangjunsem.com/25661.html

什么是MIP?

MIP(Mobile Instant Page - 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。文章源自张俊SEM-https://www.zhangjunsem.com/25661.html

MIP主要由三部分组织成:文章源自张俊SEM-https://www.zhangjunsem.com/25661.html

  • MIP HTML
  • MIP JS
  • MIP Cache

MIP HTML 基于HTML中的基础标签制定了全新的规范,通过对一部分基础标签的使用限制或功能扩展,使HTML能够展现更加丰富的内容;MIP JS 可以保证 MIP HTML 页面的快速渲染;MIP Cache 用于实现MIP页面的高速缓存,从而进一步提高页面性能。文章源自张俊SEM-https://www.zhangjunsem.com/25661.html

MIP HTML 基于HTML基础规范进行了扩展,下面是一段简单的MIP HTML代码示例:文章源自张俊SEM-https://www.zhangjunsem.com/25661.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 页面。文章源自张俊SEM-https://www.zhangjunsem.com/25661.html

基本步骤包括:文章源自张俊SEM-https://www.zhangjunsem.com/25661.html

  • 创建基础 MIP HTML 页面
  • 引入图片
  • 调整样式和布局
  • 预览和验证
  • 最后一步

技术规范

1. 头部使用规范文章源自张俊SEM-https://www.zhangjunsem.com/25661.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">

不说了,大家有时间来看看官方的说明文档吧。文章源自张俊SEM-https://www.zhangjunsem.com/25661.html

文章源自张俊SEM-https://www.zhangjunsem.com/25661.html

声明:转载此文是出于传递更多学习交流目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。本站部分图文来源于网络,仅供学习交流,发表作品观点仅代表作者本人,本站仅提供信息存储空间服务,不承担连带责任。如有侵权,请及时联系管理员删除。

weinxin
ynxtwl
微信号已复制
加个微信
交个朋友
张俊SEM
  • 本文由 张俊SEM 发表于2023年9月2日 08:28:56
  • 转载请务必保留本文链接:https://www.zhangjunsem.com/25661.html
淘宝开店卖服装好不好赚?如何盈利更多?
淘宝开店卖服装好不好赚?如何盈利更多? seo优化

淘宝开店卖服装好不好赚?如何盈利更多?

  在淘宝平台上有很多类目可以给大家入驻的,比如化妆品、服装等。有很多人想在淘宝上开服装店,但是又不清楚开服装店能不能赚到钱,那么卖服装好不好赚?如何盈利更多?接下来汉聪电商就来给大家讲解一下这方面的...
淘宝开海鲜店需要什么证件?需要什么资质?
淘宝开海鲜店需要什么证件?需要什么资质? seo优化

淘宝开海鲜店需要什么证件?需要什么资质?

  我们现在的饮食东西都会选择在淘宝上购买,比如我们想要在淘宝上面购买海鲜,就能找到,那么需要什么证件?需要什么资质?下面汉聪代运营就把需要的资质汇总给大家!   需要什么证件?淘宝网卖冻品海鲜需要提...
淘宝客通用计划佣金是不是固定的?一般是多少?
淘宝客通用计划佣金是不是固定的?一般是多少? seo优化

淘宝客通用计划佣金是不是固定的?一般是多少?

  在电子经济快速发展的今天,越来越多的投资者投身电商经济,每年新增的网店数量也不断增加,淘宝客推广方式在淘宝平台中非常的受商家们的欢迎,很多的淘宝商家都有开通这种推广方式,开通了以后商家需要去设置佣...
淘宝客推手如何找?有哪些技巧?
淘宝客推手如何找?有哪些技巧? seo优化

淘宝客推手如何找?有哪些技巧?

  现在很多的小伙伴们在网上开店都需要去做推广,淘宝客就是其中一项不错的推广方式,也是很多商家的选择,因此有不少小伙伴们想要加入淘宝这一行,那么如何找?有哪些技巧?这里汉聪代运营就为大家介绍一下!  ...