集 * 瞬時觸達用戶、高轉化率、炫酷閃電標、優質展現形式 * 等諸多特性為一體的 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/
應用場景:這一升級對于用戶來說幾乎不可見,但是對于站長來說有很多實質性的幫助,比如:
- Cookie 從以往全部存放在同一域名下,改為分站點存放,站點之間不會相互影響。同時,分站點存放可以使 Cookie 大幅瘦身,縮小 HTTP 請求頭的大小。
- 域名的不同,更加有利于站長做一些日志數據分析。
- 有利于站點跨域資源共享 cors 方案的配置,更安全。
3. 校驗規則更新,更加嚴謹細致
為了保證 MIP 校驗的嚴謹性,MIP 更新了少量校驗規則。此次更新對 90% 以上的 MIP 頁無影響,所以各位站長請不要驚慌,不要緊張!此次更新的規則如下:
- 對 head 中 base 標簽增加了限制,避免 cache 改寫后鏈接指向有問題。?
- 強制要求頁面引用 https 的 mip.js,避免腳本被不法劫持。?
- 認定 src=” “(引號之間只有空格)情況等同于 src=”“,視內容為空。?
- 升級 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。