SEO推广代运营

首页 > SEO推广代运营 > 正文内容

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

襄助网络2天前SEO推广代运营823

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

什么是MIP

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

MIP主要由三部分组织成:

移动网页加速器百度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

返回列表

上一篇:医疗SEO搜索引擎优化分析

没有最新的文章了...

相关文章

seo和wordpress有什么关系

seo和wordpress有什么关系

1、wordpress是建站工具,是一套比较成熟的建站源码经过包装、分享出来用于快速搭建网站用的。类似的工具还有DEDE、ECshop、Discuz!等;2、SEO全称是搜索引擎优化,是一种将网站的代...

如何制定有效的百度谷歌优化策略

如何制定有效的百度谷歌优化策略

在网络时代,搜索引擎已经成为人们获取信息的重要途径之一。对于网站运营者来说,制定有效的百度谷歌关键词优化策略已经成为了提高网站排名和流量的必要手段。但是,如何制定一套适合自己网站的优化策略呢接下来就让...

如何针对网站做好代码的优化

如何针对网站做好代码的优化

针对网站做好代码优化是提高网站性能提升用户体验和搜索引擎优化(SEO)的关键。以下是一些建议,帮助我们针对网站做好代码优化:1简化代码结构保持代码简洁清晰,避免冗余和不必要的代码。删除不必要的标签属性...

SEO代码搜索引擎优化技巧

SEO代码搜索引擎优化技巧

在现代数字化时代,搜索引擎已经成为人们获取信息的重要途径之一。对于企业而言,如何使自己的网站在搜索引擎中获得更好的排名,成为用户搜索结果的首选,是一个至关重要的问题。SEO代码搜索引擎优化技巧,就是通...

怎样建设网站能够让客户喜欢

怎样建设网站能够让客户喜欢

怎样建设网站能够让客户喜欢 对一件事情过于先入为主,很可能发现不了其它角度带来的问题。很多企业进行了网站建设,过多的投入自己的想法而忽略了客户的需求。 怎样建设网站能够让客户喜欢 一网站打开要快...

seo网站推广是什么意思

seo网站推广是什么意思

  SEO网站推广是一种利用搜索引擎优化技术来提升网站在搜索引擎结果页面(SERP)中排名的网络营销策略。具体来说,SEO网站推广通过优化网站的内容结构和外部链接等因素,提高网站在搜索引擎中的可见性和...

现在,非常期待与您的又一次邂逅

我们努力让每一次邂逅总能超越期待