MIP (Mobile Instant Pages - 移动网页加速器) 是百度推出的开源项目,用于移动端页面加速。MIP 技术通过优化浏览器资源加载,前端代码执行及 CDN 缓存加速来加速页面,打造秒开的页面浏览体验。目前,有 5000 多家站点的 MIP 页已经生效,享受到了 MIP 的加速效果和到达率提升,还有更多的开发者正在学习 MIP 技术。

课程简介

MIP 开发系列课程将用 5 节课的时间,为大家讲解 MIP 页面和组件的开发方法和流程,每节课视频教程在 30 分钟左右,课后有 10-30 分钟的实操练习。学习完这五节课,相信大家都能掌握开发 MIP 页面的基本技术。

第一节:初识 MIP

本节课主要讲述了什么是 MIP,MIP 加速的基本原理,并且能够知道学习 MIP 的相关资源。

视频教程地址:http://bit.baidu.com/course/detail/id/187/column/120.html

第二节:MIP 页面开发

本节课主要讲述了 MIP HTML 和 MIP Canonical 规范,了解如何通过 MIP 开发工具开发符合 MIP 规范的页面。

视频教程地址:http://bit.baidu.com/course/detail/id/188/column/120.html

第三节:MIP 开发进阶

本节课主要讲述了 MIP 官方提供的组件库类型,了解组件布局规范,同时也可以学习如何根据官方组件示例开发符合站点需求的 MIP 页面。

视频教程地址:http://bit.baidu.com/course/detail/id/189/column/120.html

第四节:MIP 组件开发

本节课演示了个性化 MIP 组件的开发。从零开始开发一个组件,添加 JavaScript 交互效果,样式,并最终提交给 MIP 组件库。

视频教程地址:http://bit.baidu.com/course/detail/id/190/column/120.html

第五节:MIP 搜索生效

本节课主要介绍 MIP URL 提交方式,及后续在百度搜索生效的流程。解答站长常见问题,包括 HTTPS,组件使用等。

视频教程地址:http://bit.baidu.com/course/detail/id/191/column/120.html

技术交流

MIP 全新 QQ 群【MIP 技术前端交流群】,只讨论 MIP 相关技术问题,纯净无干扰,欢迎前端同学入群讨论技术方案。为了跟上节奏,我们希望你:

  • 看懂并编写原生 JavaScript 代码
  • 会使用 Git 及 GitHub
  • 是 MIP 技术的开发者 / 使用者

群号: 580967494

MIP 移动网页加速器视频教程全新发布的更多相关文章

  1. MIP (百度移动网页加速器)

    前言:第一次用移动网页加速器,感觉好心情都被弄坏了.确实性能提高了不少,但是限制js,对于一些交互实现都成问题.MIP是Mobile Instant Pages的缩写,指百度移动网页加速器, 是一套应 ...

  2. RDIFramework.NET平台代码生成器V3.0版本全新发布-更新于20160518(提供下载)

    最新版本请转到:RDIFramework.NET平台代码生成器V3.1版本全新发布-更新于2016-10-08(提供下载) RDIFramework.NET代码生成器V3.0版本修改了针对3.0版本的 ...

  3. 网页动物园2.0发布,经过几个月的努力,采用JAVA编写!

    网页动物园2.0发布,经过几个月的努力,采用JAVA编写! 网页动物园2.0 正式发布!游戏发布 游戏名称: 网页动物园插件 游戏来源: 原创插件 适用版本: Discuz! X1.5 - X3.5 ...

  4. 小蔡计算器 V4.0新版全新发布上线啦~欢迎大家下载使用哈~

    小蔡计算器4.0新版全新发布上线啦~欢迎大家下载使用哦~ 立即下载:http://www.zhentiyuan.com/windows/index.aspx 软件介绍:小蔡计算器4.0是一款界面优美的 ...

  5. LightningChart最新版 v.8.3 全新发布,新功能使用教程。

    LightningChart最新版v.8.3全新发布,主要介绍以下五个新功能及使用教程.   1. 网格模型,三角鼠标追踪 Tracing MeshModels with mouse. Traced ...

  6. [转帖]银河麒麟Kydroid 2.0全新发布:原生支持海量安卓APP

    银河麒麟Kydroid 2.0全新发布:原生支持海量安卓APP https://news.cnblogs.com/n/652299/将手机操作系统 转移到 桌面 跟chromebook 类似的策略吧 ...

  7. 强大的Visual Studio插件CodeRush全新发布v19.2,助力VS开发

    CodeRush是一个强大的Visual Studio .NET 插件,它利用整合技术,通过促进开发者和团队效率来提升开发者体验.CodeRush能帮助你以极高的效率创建和维护源代码.Consume- ...

  8. VS插件CodeRush for Visual Studio全新发布v19.1.7|附下载

    CodeRush是一个强大的Visual Studio® .NET 插件,它利用整合技术,通过促进开发者和团队效率来提升开发者体验. CodeRush能帮助你以极高的效率创建和维护源代码.Consum ...

  9. .NET界面控件DevExpress全新发布v19.1.5|改进Office 2019主题

    DevExpress Universal Subscription(又名DevExpress宇宙版或DXperience Universal Suite)是全球使用广泛的.NET用户界面控件套包,De ...

随机推荐

  1. ajax接收php返回得到一堆html代码

    ajax接收php返回得到一堆html代码 一.      错误代码: <font size='1'><table class='xdebug-error xe-notice' di ...

  2. (转)TCP协议与UDP协议的区别

    TCP协议与UDP协议的区别    首先咱们弄清楚,TCP协议和UCP协议与TCP/IP协议的联系,很多人犯糊涂了,一直都是说TCP/IP协议与UDP协议的区别,我觉得这是没有从本质上弄清楚网络通信! ...

  3. JS判断页面加载是否完成

    document.onreadystatechange = function()  //当页面加载状态改变的时候执行function {  if(document.readyState == &quo ...

  4. js实用技巧

    IIFE(立即调用函数表达式)最广泛的用途是避免污染全局作用域. 已经有很多JavaScript库和JavaScript高手正在使用这种技巧, 尤其是在最流行jQuery插件的开发者中. 你也应该把这 ...

  5. JS window对象的top、parent、opener含义介绍(转载)

    1.top该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量. 2.openeropener用于在window.open的页面引用执行该window ...

  6. 局部内部类访问它所在方法的局部变量时,要求该局部变量必须声明为final的原因

    这是java的一条规则.那么为什么会有这条规则呢?要想弄懂这个问题,就需要弄懂局部内部类对象和局部变量的生命周期的谁更长的问题. 首先,看一段代码,以没有将变量声明为final的代码作为例子,代码如下 ...

  7. css 选择器【转】

    最近在研究jQuery的选择器,大家知道jQuery的选择器和css的选择器非常相似,所以整理一下css选择器: css1-css3提供非常丰富的选择器,但是由于某些选择器被各个浏览器支持的情况不一样 ...

  8. Python_Excel文件操作

    ''' 使用xlrd模块写入Excel文件 ''' import xlrd book=xlrd.open_workbook(r'/Users/c2apple/Desktop/纪录/测试报告/张涛文件盘 ...

  9. subline常用快捷键

    一次创建5个class为main的div  :    div.main*5 +TAB 快速生成HTML结构: ! + TAB 使盒子内的文本水平垂直方向对齐: height:value; line-h ...

  10. Circular view path [home]: would dispatch back to the current handler URL [/home] again. Check your ViewResolver setup!

    Circular view path [home]: would dispatch back to the current handler URL [/home] again. Check your ...