MIP（Mobile instant pages 移動網(wǎng)頁加速器）

• mip 官網(wǎng) https://www.mipengine.org/
• mip審核平臺 https://www.mipengine.org/platform/mip#/extensions
• mip官方博客園http://www.cnblogs.com/mipengine/
• mip github https://github.com/mipengine

html頁面做哪些事情可以達到mip加速

mip規(guī)范改造，符合mip標準，并且能通過mip的校驗 （https://www.mipengine.org/validator/validate）

在mip的環(huán)境下運行，引入mip.js

mip cdn 緩存系統(tǒng)加速

其中的一些技術(shù)

• 1.網(wǎng)絡優(yōu)化

  (new Image()).src = '//mipcache.bdstatic.com/static/xx.gif?=' +(new Date()); 創(chuàng)建一個網(wǎng)絡連接，請求mip cdn上的一張gif圖,DNS預取，http預鏈接，速度100-200ms點提升

• 2.生命周期優(yōu)化

  優(yōu)先加載可視區(qū)域圖片，非可視區(qū)域圖片延遲加載

• 3.cdn 緩存優(yōu)化

  mip頁面由百度的cdn直接返回

• 4.https

  mip頁面是通過https打開，速度與http一樣快

• 5.資源處理

  外鏈js 圖片資源 css資源 預加載／cdn緩存／圖片資源優(yōu)化

• 6.開發(fā)環(huán)境

  npm install -g mip-cli 安裝mip腳手架工具

• 7.安裝成功

  用mip -V來檢查

• 8.mip規(guī)范

  https://www.mipengine.org/doc/2-tech/1-mip-html.html

• 9.mip組件

• 內(nèi)置組件是包含在 mip.js 中的組件，可直接使用，無需另外引入js腳本

• 個性化組件是滿足于特定需求的組件，包括交互，統(tǒng)計等需求。需要引入對應的 js 腳本

• 廣告組件主要滿足各類廣告的投放，需要引入對應的 js 腳本。閱讀廣告文檔來確定 MIP 廣告類型

• mip組件改造

  mip提供的組件不符合需求時，可以對其進行改造，通過覆蓋修改其樣式，添加需要的元素標簽。

• mip開發(fā)

  mip提供的組件不能完成功能時，可以針對自己的需要進行組件的開發(fā)，

• mip命令

  mip mip init（如果已經(jīng)安裝mip了，是否需要更新，否則mip init無法正常初始化） mip add mip-demo.html (生成mip-demo文件)
  mip server （預覽頁面）
  mip的一些命令

• 如何開發(fā)

  在mip-extenions 目錄執(zhí)行命令創(chuàng)建組件模版 mip addelement mip-yh (mip-yh 為組件名)

  生成如下圖的4個文件

  具體文件的內(nèi)容

  mip-yh.js

  mip-yh.less

  package

  READMRE

  開發(fā)完成可mip server 進行組件預覽提交前可以簡單的校驗一下組件 mip validateelement mip-yh最終提交組件1.github 上提交pull request2.mip審核平臺(https://www.mipengine.org/platform/mip#/extensions)打包zip組件文件，上傳，等待審核通過后 https://c.mipcdn.com/static/v1/{組件名}/{組件名}.js

• 搜素生效

  生效后會有如圖的閃電標

  閃電算法(http://ziyuan.baidu.com/wiki/1590)

  mip-cache清理緩存(http://ziyuan.baidu.com/mip/index)

總結(jié)

以上是生活随笔為你收集整理的MIP（Mobile instant pages 移动网页加速器）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。