文档章节

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

西安SEO
 西安SEO
发布于 2017/09/06 23:38
字数 619
阅读 9
收藏 0
1482467303-6681-MIP 不知道大家是不是也经常登录百度站长平台,百度悄悄的多出了一个“MIP引入”的菜单,像子凡这样注意细节的人,前两天登录站长平台就已经看到了,而已还稍微的看了一遍,只能说感觉好神奇的样子,但是最后才发现这是百度自己家推出的一个标准,虽然说是会利于网页加速,也有缓存功能,确实挺好的。至于利弊,子凡这里就先不谈论,子凡来给大家普及一下MIP吧!

什么是MIP

MIP(Mobile Instant Page – 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。 1482467301-8411-what-is-mip 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 页面。 基本步骤包括:
  1. 创建基础 MIP HTML 页面
  2. 引入图片
  3. 调整样式和布局
  4. 预览和验证
  5. 最后一步

技术规范

起始标签使用<!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/

© 著作权归作者所有

西安SEO
粉丝 2
博文 128
码字总数 171046
作品 0
西安
私信 提问
百度开始接入谷歌 AMP 加速计划:提升页面加载速度

之前谷歌公司为了解决移动端搜过加载速度慢、优化阅读体验发起了一项AMP移动网页加速计划。这项计划的核心脚本与图片资源由谷歌分发,通过大规模的分布式缓存系统把页面缓存(时长几秒到几小...

局长
2017/12/03
2.1K
11
百度搜索MIP移动网页加速器『闪电计划』让你的网页快到飞起来

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

karl5760
2016/11/09
795
6
移动Web加速技术月报第2期

作者 | Brilliant Open Web 团队breezet、shdong 编辑 | 尾尾 为推进Web技术的发展,Brilliant Open Web 团队特推出每月一期的《移动Web加速技术月报》,该月报将整理较流行的移动Web加速技术...

BrilliantOpenWeb
2017/11/09
0
0
Web前端学习:移动Web加速技术

移动设备已经成为当下使用频率最高的电子设备,而移动Web依然是移动设备中使用频率最高的应用场景。 站点页面性能提升可以使得用户浏览站点时的体验得到良好改善,作为其中一条技术分支,移动...

前端白鸽
2018/07/18
0
0
双十二之际、再谈:网站MIP改造中的点点滴滴!您真的了解百度MIP框架么?

在这篇文章中: 一、写在前面: 二、开始正文: 三、最后总结: 我也是在网站排名掉光后,查到快照问题、后面用“百度搜索资源平台”的“抓取诊断”才发现这个问题。发现插件问题后,我马上联...

Levi.Ackermann
2018/12/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

thinkcmf 渗透测试漏洞修复解决方案

近段时间发现很多APP程序用的是thinkcmf,此程序源码存在getshell漏洞,我们Sine安全紧急对此高危漏洞进行了分析和漏洞修复,攻击者可以通过构造特定的请求包get请求即可在远程服务器上执行任意...

网站安全
29分钟前
6
0
MySQL的IP地址与数字互转原理

一、inet_aton与inet_ntoa inet_aton是把ip地址转为数字的函数,记忆小技巧,inet表示网络相关,在c语言中a习惯性代表字符串,to就是转换的,n代表数字,aton就是字符串转数字,同理inet_nt...

trayvon
41分钟前
6
0
【翻译】全新16英寸MacBook Pro评测:开发人员的梦想成真

要问现在适合开发者用的笔记本,市面上还是有很多选择的,比如Dell的XPS系列,外星人系列(游戏也是杠杠滴),联想拯救者系列,还有形形色色的高配机型,价格也从几千到几万不等。 但是,笔吧...

Dimple91
42分钟前
8
0
IT兄弟连 HTML5教程 CSS3属性特效 CSS3分栏布局

CSS3中新出现的多列布局(multi-column)是传统HTML网页中块状布局模式的有力扩充。这种新语法能够让WEB开发人员轻松的让文本呈现多列显示。我们知道,当一行文字太长时,读者读起来就比较费劲...

老码农的一亩三分地
58分钟前
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部