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