集 ** 瞬时触达用户、高转化率、炫酷闪电标、优质展现形式 ** 等诸多特性为一体的 MIP 页面吸引了众多站点进行改造。为了更好地服务于广大站长,更快地倾听站长们的声音,MIP 技术团队特推出《MIP 技术进展月报》,欢迎大家对 MIP 技术提建议,可以通过 github/issues 和 mip-support@baidu.com 与我们交流!

一、本月新增功能一览

1. 新增储存功能,让用户开开心心点赞

MIP 于 9 月份上线了储存功能,采用 localStorage 和 fetch 实现。储存功能可用于代替 cookie 保存用户设置、登录状态、携带信息、与服务器进行数据通信。

应用场景:这个功能具体的应用就很丰富了,比如给文章点赞的小手,送给作者的小花,可以被保存和取消啦!

比如登录之后才可以进行的各种操作:

或者保存用户站内搜索的历史记录,等等——众多好玩法等你开启!

2. MIP-Cache 域名升级,带来实质性帮助

什么是 MIPCache 域名?Spider 抓取 MIP 页面之后,通过 MIP-cache CDN 对页面内容进行缓存,缓存之后的页面地址就是 MIPCache 域名下的 URL。

比如 MIP 官网的网址是:https://www.mipengine.org
对应的 MIPCache 的 URL 为:https://mipcache.bdstatic.com/c/s/www.mipengine.org

更新之后,mipcache.bdstatic.com 将被替换为 {host_prefix}.mipcdn.com
还是用 MIP 官网举例,原来的 MIPCache URL:
https://mipcache.bdstatic.com/c/s/www.mipengine.org/
升级之后变成了:
https://www-mipengine-org.mipcdn.com/c/s/www.mipengine.org/

应用场景:这一升级对于用户来说几乎不可见,但是对于站长来说有很多实质性的帮助,比如:

  1. Cookie 从以往全部存放在同一域名下,改为分站点存放,站点之间不会相互影响。同时,分站点存放可以使 Cookie 大幅瘦身,缩小 HTTP 请求头的大小。
  2. 域名的不同,更加有利于站长做一些日志数据分析。
  3. 有利于站点跨域资源共享 cors 方案的配置,更安全。

3. 校验规则更新,更加严谨细致

为了保证 MIP 校验的严谨性,MIP 更新了少量校验规则。此次更新对 90% 以上的 MIP 页无影响,所以各位站长请不要惊慌,不要紧张!此次更新的规则如下:

  1. 对 head 中 base 标签增加了限制,避免 cache 改写后链接指向有问题。 
  2. 强制要求页面引用 https 的 mip.js,避免脚本被不法劫持。 
  3. 认定 src=” “(引号之间只有空格)情况等同于 src=”“,视内容为空。 
  4. 升级 template src 校验,支持文档中 src={{url}}的写法。

4. 组件升级更新

  • mip-video 视频组件升级,支持 source 多视频源播放。
  • mip-showmore 折叠组件交互升级,支持展开后不再显示收起按钮。
  • mip.js 升级,修复 a 链接在 mip-iframe 中不能跳出的问题。

了解更多组件升级细节,请移步 https://www.mipengine.org/doc/3-widget/10-widgets.html

二、更新预告

更多功能的支持和开发也在进行当中:

  • 支持电商等复杂交互的 mip-bind 组件将支持数据双向绑定,页面异步更新。
  • MIP-Cache 支持返回 webp 图片,使高清图片加载速度更快,浏览体验更好。

三、联系我们

如果在 MIP 站点改造和工具使用中遇到问题,欢迎用以下方式向我们提问,每个渠道我们都有专人值守的哦!

  • 搜索生效、站长平台工具使用相关问题,请在百度站长平台—> 反馈中心—>MIP 选择分类并详细描述。

  • 前端技术问题,请到 GitHub 提交 issue。
  • 其他疑难问题或对 MIP 的建议,可以发邮件给 mip-support@baidu.com。

MIP 技术进展月报:储存功能全新上线,MIP-Cache域名升级,校验更严谨的更多相关文章

  1. MIP技术进展月报第3期:MIP小姐姐听说,你想改改MIP官网?

    一. 官网文档全部开源 MIP 是一项永久的开源的项目,提供持续优化的解决方案,当然官网也不能例外.从现在开始,任何人都可以在 MIP 官网贡献文档啦! GitHub 上,我们已经上传了 <官网 ...

  2. MIP技术进展月报第2期: 数据绑定,异步脚本加速

    一. 功能更新 1. mip-bind 上线,实现复杂交互 MIP bind 双向绑定机制和组件上线,提供双向绑定的特性:能够允许页面实现数据驱动功能,开发者可以在任意场景修改数据,并驱动页面元素变动 ...

  3. MIP 技术月报(4月):支持熊掌号登录;优化页面悬浮元素

    之前由MIP团队维护的<移动 Web 加速技术月报>从本期开始,正式升级为<MIP 技术月报>,与以往不同的是,<MIP 技术月报>将会与大家分享包含移动加速技术以 ...

  4. 百度将与W3C中国召开MIP技术研讨会

    百度计划与W3C中国共同组织国内W3C会员,于8月30日召开MIP 技术研讨会,讨论 MIP 等技术相关的应用标准,以期推进 MIP/AMP 在W3C中国的标准化进程. MIP (Mobile Ins ...

  5. 百度MIP技术快速入门(上)

    前言 「本文假定读者已经有初级的前端开发知识,包括HTML.CSS.」 百度在一年前推出了称为 MIP(Mobile Instant Pages)的前端开发组件,主要目的是加速移动端网页的显示.MIP ...

  6. MIP 移动网页加速器视频教程全新发布

    MIP (Mobile Instant Pages - 移动网页加速器) 是百度推出的开源项目,用于移动端页面加速.MIP 技术通过优化浏览器资源加载,前端代码执行及 CDN 缓存加速来加速页面,打造 ...

  7. 又拍云SSL证书全新上线,提供一站式HTTPS安全解决方案

    互联网快速发展,云服务早已融入每一个人的日常生活,而互联网安全与互联网的发展息息相关,这其中涉及到信息的保密性.完整性.可用性.真实性和可控性.又拍云上线了与多家国际顶级 CA 机构合作的数款OV & ...

  8. 网易云安全DDoS高防全新上线 ,游戏防护实力领先

    本文由  网易云发布.       10月24日,网易云安全(易盾)正式上线DDoS高防解决方案[点击查看].基于网易20年网络安全防护经验,网易云安全(易盾)DDoS高防可提供1T超大防护带宽,拥有 ...

  9. 黑洞版视频裂变程序【接口版】全新上线,全新UI,支持分享数据统计

    黑洞版视频裂变程序[接口版]全新上线,全新UI,支持分享数据统计!   后台效果   程序统一售价:1899/套(包安装,包更新) 注:本程序不属于之前视频程序的更新版,展现形式和广告位设置均不同,是 ...

随机推荐

  1. Windows10上搭建Kinect 2 开发环境

    因为Visual Studio 2017的应用最低只能面向windows10,而Kinect SDK 2.0的系统版本要求是windows 8,所以不得不下载Visual Studio 2013 co ...

  2. 用js实现算法:冒泡排序、插入排序和快速排序

    一.冒泡排序 function bubbleSort(arr){ for(var i=0;i<arr.length;i++){ for(var j=0;j<arr.length-i-1;j ...

  3. Python Tips阅读摘要

    发现了一本关于Python精通知识点的好书<Python Tips>,关于Python的进阶的技巧.摘录一些比较有价值的内容作为分享. *args and **kwargs 在函数定义的时 ...

  4. OpenCASCADE Texture Mapping

    OpenCASCADE Texture Mapping eryar@163.com Abstract. 纹理贴图技术的出现和流行是图形显示技术的一个非常重要的里程碑,直接影响3D技术从工业进入娱乐领域 ...

  5. 我们常说的 CAS 自旋锁是什么

    CAS(Compare and swap),即比较并交换,也是实现我们平时所说的自旋锁或乐观锁的核心操作. 它的实现很简单,就是用一个预期的值和内存值进行比较,如果两个值相等,就用预期的值替换内存值, ...

  6. Flask入门之结构重组(瘦身)-第13讲笔记

    1. pip list Flask 0.10.1 Flask-Bootstrap 3.3.5.6 Flask-SQLAlchemy 2 Flask-Script 2.0.5 Flask-WTF 0.1 ...

  7. JavaScript中的trim自定义

    先直接贴代码 String.prototype.trimfy=function (val){ var demo=String(this); if(demo.indexOf(val)>=0){ i ...

  8. 微信小程序-获取经纬度

    微信小程序-获取经纬度 最近公司新功能 要求在外的市场人员 发送位置信息回来. 用的还是微信小程序开发.... 微信小程序 提供一个接口 getLocation 这个接口反回来的位置 相对实际位置 相 ...

  9. 深入理解Java NIO

    初识NIO: 在 JDK 1. 4 中 新 加入 了 NIO( New Input/ Output) 类, 引入了一种基于通道和缓冲区的 I/O 方式,它可以使用 Native 函数库直接分配堆外内存 ...

  10. Unity3D学习(五):实现一个简单的视觉感知

    前言 在很多第一人称或者第三人称射击游戏的单人模式中,玩家的乐趣往往来源于和各式各样的AI敌人的战斗.而战斗的爆发很多时候是因为这些AI在"看见"玩家后就会立即做出反应,比如开火. ...