文档章节

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

西安SEO
 西安SEO
发布于 2017/09/06 23:38
字数 619
阅读 8
收藏 0
点赞 0
评论 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
1K
11
移动Web加速技术月报第2期

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

BrilliantOpenWeb
2017/11/09
0
0
移动Web加速技术月报第3期

为推进Web技术的发展,Brilliant Open Web 团队特推出每月一期的《移动Web加速技术月报》,该月报将整理较流行的移动Web加速技术,并跟进各项技术的进展和发展方向,以期帮助开发者了解或选用...

BrilliantOpenWeb
2017/12/12
0
0
移动Web加速技术月报第1期

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

BrilliantOpenWeb
2017/10/12
0
0
结合案例教你如何做好SEO搜索引擎优化

这是一个很很普通老生常谈的标题,没有任何的吸引力,但是真正能做好的草根站长估计少之又少,我问我一个做了多年草根站长的朋友,我说如何做好SEO搜索引擎优化,他给我的答复是很难,范围太...

卢松松博客
07/03
0
0
如何快速修改,网站优化常见的几个错误?

SEO优化是一项复杂的系统工程,它需要花费大量的时间,才能够完成一个阶段的小目标,但是对一些标准性的搜索引擎优化必备因素,却可以快速的调整,俗语说:万丈高楼平地起,打好坚实的基础才...

蝙蝠侠it
2017/12/23
0
0
降低网站跳出率的六个方法(亲身使用)

摘要:前一段时间网站跳出率一直在80%左右,我不确定这是否跟360网站卫士有关,但确实是从接入360网站卫士之后开始的。网站跳出率高可不是一件好事情,所以针对跳出率我展开了一番“折腾”,...

卢松松博客
05/04
0
0
百度正式发布Lavas 我们有机会告别臃肿的App了

  【IT168 评论】互联网的优点之一就是其庞大的覆盖范围,无论使用何种设备或何种平台,所有互联网用户都可通过它访问信息,智能手机普及之后,越来越多的人开始喜欢上使用APP应用,但随着...

it168网站
2017/07/06
0
0
移动互联网不单单只是用户体验度

  移动互联网不单单只是用户体验度,优化也很重要2014-05-19 18:55:04归档在 我的博文 | 浏览 2 次 | 评论 0 条 相信有很多做互联网行业的老板已经不单单的只想利用网上销售来盈利。网上的...

霍晓杰214
2014/05/19
0
0
谷歌百度或推新 Web 应用标准,又一个"小程序"?

如果说互联网是一个江湖,那么地位高的人就有号令天下的能力。 有8亿活跃用户的微信,就是移动互联网江湖里的大哥大,所以小程序一祭出,移动互联网行业炸开锅一点都不奇怪。只不过,行业里雾...

两味真火
2017/01/14
3.5K
19

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Weblogic问题解决记录

问题:点击登录,页面刷新但是不进去管理界面。解决:删除cookies再登录。

wffger
21分钟前
0
0
RxJava2的错误处理方案

最近使用retrofit2 + rxKotlin2写接口访问,想尽量平铺代码,于是就想到当借口返回的状态码为「不成功」时(比如:code != 200),就连同网络错误一起,统一在onError方法中处理。想法总是好的...

猴亮屏
28分钟前
0
0
程序的调试信息

调试二进制程序时,经常要借助GDB工具,跟踪程序的执行流程,获取程序执行时变量的值,以发现问题所在。GDB能得到这些信息,是因为编译程序时,编译器保存了相应的信息。Linux下的可执行程序...

qlee
51分钟前
0
0
应用级缓存

缓存命中率 从缓存中读取数据的次数与总读取次数的比例,命中率越高越好 java缓存类型 堆缓存 guavaCache Ehcache3.x 没有序列化和反序列化 堆外缓存ehcache3.x 磁盘缓存 存储在磁盘上 分布式...

writeademo
今天
0
0
python爬虫日志(3)find(),find_all()函数

1.一般来说,为了找到BeautifulSoup对象内任何第一个标签入口,使用find()方法。 以上代码是一个生态金字塔的简单展示,为了找到第一生产者,第一消费者或第二消费者,可以使用Beautiful Sou...

茫羽行
今天
0
0
java:thread:顺序执行多条线程

实现方案: 1.调用线程的join方法:阻塞主线程 2.线程池 package com.java.thread.test;public class MyThread01 implements Runnable {@Overridepublic void run() {Syste...

人觉非常君
今天
0
0
ElasticSearch 重写IK分词器源码设置mysql热词更新词库

常用热词词库的配置方式 1.采用IK 内置词库 优点:部署方便,不用额外指定其他词库位置 缺点:分词单一化,不能指定想分词的词条 2.IK 外置静态词库 优点:部署相对方便,可以通过编辑指定文...

键走偏锋
今天
19
0
Git 2.18版本发布:支持Git协议v2,提升性能

Git 2.18版本发布:支持Git协议v2,提升性能Git 2.18版本发布:支持Git协议v2,提升性能 新版本协议的主要驱动力是使 Git 服务端能够对各种 ref(分支与 tag)进行过滤操作。 这就意味着,G...

linux-tao
今天
0
0
python浏览器自动化测试库【2018/7/22-更新】

64位py2.7版本 更新 document_GetResources 枚举页面资源 document_GetresourceText 获取指定url的内容 包括页面图片 下载地址下载地址 密码:upr47x...

开飞色
今天
42
0
关于DCL双重锁失效及解决方案

关于DCL双重锁失效及解决方案 Double Check Lock (DCL)实现单例 DCL 方式实现单例的优点是既能够在需要时才初始化单例,又能够保证线程安全,且单例对象初始化后调用getInstance方法不进行...

DannyCoder
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部