* 瞬时触达用户、高转化率、炫酷闪电标、优质展现形式 * 等诸多特性为一体的 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-Cache域名升级,校验更严谨相关推荐

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

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

  2. [MIP技术分享] 织梦/DEDECMS改造MIP教程以及下载2

    我们随便点击一个栏目,出现"添加文档",点击"添加文档",开始添加文章 这里我们一般只需要三步就可以 第一步,文章标题,就是文章的题目,我们写上 第二步,文章内 ...

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

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

  4. mip-html自动跳转页面,百度MIP技术快速入门(上)

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

  5. 百度MIP技术 - MIP移动网页加速器

    前言 「本文假定读者已经有初级的前端开发知识,包括HTML.CSS.」 https://www.mipengine.org/ 百度MIP引入:https://bit.baidu.com/course/ ...

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

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

  7. 苹果CMSv10首款原创支持百度mip技术自适应影视模板

    苹果CMSv10首款原创支持百度mip技术自适应影视模板 首款苹果cms支持mip加速技术的模板,样式简洁速度快采用最新百度mip加速技术,让你的网站速度飞起来,何为mip请自行百度了解,该模板无后门 ...

  8. 苹果CMSv10首款原创支持百度mip技术自适应视频模板

    苹果CMSv10首款原创支持百度mip技术自适应视频模板 苹果cms10好看的模板自适应_苹果cmsv10高端模板_苹果cmsv10简洁模板 首款支持DIY的宽屏模板,彰显大气风格,完美自适应支持手机 ...

  9. Alibaba Java 2021 技术图谱全新上线

    简介:Alibaba Java 2021 技术图谱全新上线!学Java,看这张图就够了! [Alibaba Java 2021 技术图谱全新上线]学Java,看这张图就够了!https://devel ...

最新文章

  1. SAP 货币转换中的转换因子
  2. 腾讯云10亿扶持小程序:3元套餐可能免费
  3. SpringAOP描述及实现_AspectJ详解_基于注解的AOP实现_SpringJdbcTemplate详解
  4. 【Elasticsearch】Elasticsearch 缓存深度剖析:一次提高一种缓存的查询速度
  5. Excel文字输入技巧
  6. 力扣——在排序数组中查找元素的第一个和最后一个位置
  7. Avaya Aura™ 独家观察报告
  8. java servlet容器有哪些_servlet容器是什么
  9. php网站访问卡顿,网站反应慢,经常卡顿是什么原因?怎么解决?
  10. 寻找丢失的iexplore进程
  11. tibco linux安装手册,Tibco 产品安装手册.doc
  12. [2020.8.3]联想 A5(L18011) Magisk ROOT 纯净无推广 一键刷机 ZUI_3.9.068
  13. 修改360浏览器模式为极速模式
  14. 【Python】Pyyaml和ruamel.yaml
  15. Qt编写安防视频监控系统15-远程回放
  16. oracle的当前日期,Oracle 获取当前日期及日期格式
  17. python仿真图_python控制系统仿真库control(一)伯德图
  18. Ubuntu 20.04 服务器安装 R / RStudio / RStudio Server
  19. android 文件过滤驱动,自己写的Xuetr工具驱动读写过滤驱动,并奉献上源码
  20. 甜橙金融敏捷实践之路--零售金融

热门文章

  1. c语言程序题是如何判分的,C语言编程题判分系统的研究与实现
  2. Python any 函数 - Python零基础入门教程
  3. 多线程:CopyOnWriteArrayList
  4. docker 封装sql_docker封装mysql镜像
  5. 微型计算机中的奔四指的是,2015云南省计算机等级考试二级理论考试试题及答案...
  6. 大学计算机要学多久,大学刚开学要不要带电脑?很多人都很后悔,学长学姐把经验告诉你...
  7. mysql放开权限控制_mysql06---权限控制-阿里云开发者社区
  8. oracle rman备份整库,RMAN备份恢复整个库
  9. php教程调用数据库,PHP数据库调用类调用实例,php数据库调用实例_PHP教程
  10. 占用系统资源测试_高频性能测试面试题15道