»點此完善

網站簡介-談談百度MIP與Google AMP的區別:我們網站開發應選..

百度MIP與Google AMP的區別是什么?

2016 年初,Facebook 發布即時文章,Google 發布 AMP,同年,百度發布了 MIP,這些技術都可以加快頁面加載速度,但是 Facebook 的即時文章與后兩者不同的是,它是 App 內嵌的頁面,只允許在 Facebook 軟件內使用,后兩者是完全基于瀏覽器,并在瀏覽器中渲染的。

本篇主要分享下百度MIP與Google AMP的相關知識。

Google AMP和百度MIP都是開源的,不管是從技術層面還是用途上來說,AMP 和 MIP 的區別都不大。

下面我們先來看看Google AMP與百度MIP定義:

Google AMP(Accelerated Mobile Pages,加速移動頁面)是Google推出的一種為靜態內容構建 web 頁面,提供可靠和快速的渲染,加快頁面加載的時間,特別是在移動 Web 端查看內容的時間。

百度MIP (Mobile Instant Pages - 移動網頁加速器), 是一套應用于移動網頁的開放性技術標準。通過提供MIP-HTML規范、MIP-JS運行環境以及MIP-Cache頁面緩存系統,實現移動網頁加速。總體看,百度MIP充分借鑒了 AMP,被很多開發者看作是國內版 AMP。

看起來兩者的定義很相似,一個叫加速移動頁面,一個叫移動網頁加速器,實現目的也是相同的——優化移動網頁。WTF,不會是一個東西吧。當然不是一個東西,但是不過只是老壇酸菜面和康師傅牛肉面的不同而已。兩者都是方便面,主要原材料相同,配方有點不同,制作的方式有點差別,最重要的是代言人不同。

移動網頁加速最早是谷歌提出來的,通過制定開源標準,制定頁面規范,優化渲染速度來提高用戶體驗,并且谷歌會搜索引擎中,對符合AMP標準頁面增加權重。百度堅持谷歌有我也要有的原則,充分借鑒了AMP,也提出了自己的網頁加速開源標準,于是MIP誕生了。

百度MIP無論是目的(在搜索結果中返回極快速移動頁面),還是原理(簡化HTML、CSS、禁用大部分JS、資源控制、緩存等,還是推出步驟(先新聞,再一般頁面),還有原頁面與MIP頁面的互相引用方法(加標簽),都和Google AMP一樣,連官網的頁面布局、菜單安排、技術說明里的內容,幾乎都是一樣的。就連在對應搜索引擎上展示的標識幾乎也是一模一樣的:

AMP 和 MIP 都是由三個部分組成,前者由 AMP HTML、AMP runtime、AMP cache 組成,后者由 MIP-HTML、MIP-JS、MIP-Cache 組成。

這里不得不佩服國人的借鑒能力。

在 AMP HTML 上,它只允許使用有限的標簽,如body、article這些標簽可直接使用,但如frame和frameset這樣的標簽是被限制或禁止使用的,MIP 中也如此。而如 img 或 video 這樣的標簽不能直接使用,需要替換成別的標簽才能使用,如在 AMP 中需要替換成amp-img,在mip中替換成mip-img。

AMP runtime 是完全用 Java 來實現的,是由引入它的 AMP 文件來啟動的,它的主要作用是負責協調資源的加載時機和優先級,插入 AMP 組件,并為 AMP HTML 引入 runtime 驗證等調試功能。而 MIP-JS 用于管理資源的加載,并支持 MIP 標簽的使用,從而確保頁面快速的渲染。

AMP cache 提供了第三方的緩存,這樣從 Google 搜索進入 AMP 網頁就可以做到預加載甚至預渲染。AMP-Cache 給所有符合規范的 MIP 頁面提供 CDN 緩存服務,主動提高頁面的加載速度。

它們能帶來什么?

2017 年,百度給出了 MIP 對站點的收益數據,使用 MIP 技術網站,用戶到達率提升 5%-30%,頁面打開速度提升 30%-80%。

最重要的是,AMP 和 MIP 會影響搜索結果網站頁面的排名,雖然 Google 之前否認了 AMP 與此相關,但是百度卻正面回應了這個問題,他們認為 MIP 雖然不是排名的主要因素,但是由于 MIP 網站的打開速度較快,訪問量就增加,隨之,網站的權重就會提高,排名自然就上來了,但權重提高的具體數據,百度沒有給出。

AMP 和 MIP 面向哪些網站?

正如上文所說,AMP 和 MIP 最主要的目的是加快網頁速度,提升用戶體驗,那些依靠流量而生的媒體網站或者依靠導流變現的電商通過這樣的技術就能提高網站的留存率,而那些以推廣自己為目的小型企業或新創企業,使用 AMP 和 MIP 能夠提高搜索結果排名,換句話說,以往需要競價排名的網站,現在通過使用搜索引擎提供的技術就能達到在搜索頁面優先展示的目的。

百度為什么要自己研發MIP?

既然 AMP 和 MIP 技術和功能上的相似性如此高,而且 AMP 又是開源的,為何百度不直接使用 AMP 而是自研 MIP 呢?

就這個問題,小編特意去采訪了百度的有關專家,得到的答案是:AMP 的一些資源,在國內無法穩定地訪問,雖然國內也有 Safari 和 Chrome 這樣的瀏覽器,但是國內 UC、QQ 等瀏覽器可能無法使用 AMP,從功能上來說,MIP 的規范以及提供的組件,更加適合中國的開發者和站長,比如浮動組件。另一方面,在效率上,AMP 所有的組件都需要在 github 上提交審核,整個過程很漫長,而 MIP 專門為國內開發者服務,提供了很多的快速通道。總而言之,他倆解決的問題是一樣的,但是 MIP 更加適用于中國的市場和用戶。

頁面優化原理

AMP和MIP都是本質上都是通過優化頁面渲染或者延遲加載,減少阻塞的原理來實現頁面的加速。就像我們企業內部的一些規范一樣,我們可能也有一套標準來提高我們的代碼質量和頁面性能。只不過這兩個能夠給我們帶來SEO的優化。下面,我們就一MIP為例,了解一下她加速的原理。

MIP主要由三部分組織成:

MIP HTML

MIP JS

MIP Cache

MIP HTML 基于HTML中的基礎標簽制定了全新的規范,通過對一部分基礎標簽的使用限制或功能擴展,使HTML能夠展現更加豐富的內容;MIP JS 可以保證 MIP HTML 頁面的快速渲染;MIP Cache 用于實現MIP頁面的高速緩存,從而進一步提高頁面性能。

下面將介紹MIP頁面的加速原理:

經過精心設計的javascript

MIP不允許用戶自定義JavaScript,需要用MIP 組件的形式引進來,從而確保安全性和性能表現

所有靜態資源需要標明尺寸

MIP要求將所有的資源(廣告、圖片、音頻和視頻)標明尺寸。當資源真正加載時,所有資源大小可以被立即推斷出并迅速的用于計算頁面布局,加載中的資源將無縫呈現,不必因為頁面頻繁更新布局而影響到用戶的閱讀體驗。

不允許任何機制阻止頁面渲染

開發者的任何自定義腳本,都需要用MIP的tag反饋給MIP,例如mip-ad、mip-iframe等,這些方式不會阻塞頁面的layout和渲染。

控制外部資源加載

MIP runtime會控制外部資源的額加載來確保其高效性,從而使用戶想閱讀的內容盡快出現在屏幕中。

封裝交互功能

MIP提倡網頁能給用戶直接簡單的體驗,但這并不意味著MIP限制了頁面的生動和有趣。MIP runtime提供了高度優化的被封裝的JavaScript,開發者無需投入過多精力去實現復雜的交互功能。

建議使用inline的css

css的加載,會阻止頁面的渲染,css內聯可以減少客戶端的開銷。

只允許GPU加速的動畫

MIP只允許用transforms和opacity來完成動畫效果,當動畫能在GPU上執行時,僅觸發渲染層合并。

MIP 緩存

MIP另一個重要的意義在于能夠幫站長加速網頁,百度將會把MIP網頁緩存到百度CDN中。只要符合MIP標準,都可以使用MIP緩存。

這些都是我們在優化web項目中經常用到的手段而已,只不過現在百度通過開源標準,并且給予SEO的甜頭,給予統一規范。

對谷歌AMP和百度MIP的一些簡單看法

AMP和MIP提供的移動網頁優化方案在一定程度上能夠提高用戶的體驗。同時與seo的結合,也提高了很多開發者加入的興趣。但是,由于比較封閉的環境,這套標準無法應用于大型的項目,只能應用于比較簡單的頁面展示,當然,這個與他們的初衷是一致的。

AMP和MIP是兩套不同的標準,為了支持谷歌和百度兩套搜索引擎的優化,必須寫兩套頁面,這會增加開發者的開發成本。

2018年8月30日,W3C 中國曾聯合百度舉辦了移動網頁加速技術研討會,研討會總結認為,有必要在 W3C 中啟動 MIP、AMP、Instant Article、云加速相關技術的標準化工作,包括如何在瀏覽器中預取 / 預渲染一個頁面,將預取 / 預渲染的頁面異步展現在當前瀏覽器環境,通過穩定、快速的 CDN 服務提供更快的頁面網絡環境。標準化將為內容站點和服務商提供統一的標準和接口來實現頁面加速技術,既改善開發者的開發環境,也提高用戶體驗,這對百度來說,不失為功德一件。

在未來,兩家的標準也許會趨向統一,百度估計會支持AMP標準,畢竟谷歌是站在全球的角度上的,百度在中國的用戶則比較多。

雖然,AMP 和 MIP 在功能和技術上都高度相似,但開發者要是想用這項技術開發網站,還是得做兩種不同的方案。就目前來說,由于一些眾所周知的原因,國內 Chrome 的用戶較少,百度占優勢,所以如果國內的開發者想嘗試這個技術,建議先從 MIP 入手,如果開發的網站面向國際,可優先考慮 AMP。


全球網站 cht.0430.com
上壹站:  百度站長平臺重要提示:世界杯期間如何防止網站被黑?
當前推薦網站:  談談百度MIP與Google AMP的區別:我們網站開發應選用哪個?
下壹站:  如何快速成功將wap手機網站轉化成微信小程序?


申明:本資料由全球網站庫會員提供,轉載請註明出處,資料來源:http://cht.0430.com/cn/web263508/。
談談百度MIP與Google AMP的區別:我們網站開發應選用哪個? 感謝您的支持與分享!

»如果您覺得'談談百度MIP與Google AMP的區別:我們網站開發應選用哪個?'相關資料不全,請點此協作更新!
復制本頁網址,與您QQ/MSN上的好友分享,就是您對0430網站庫最大的支持!
踩踩此網站0
支持此網站1
(站長之聲:支持本站,就來頂壹下吧!)  
現在有1人對'談談百度MIP與Google AMP的區別:我們網站開發應選用哪個?'發表評論 »查看全部評論
您的姓名: * 可選項,留空即為匿名發表
評論內容:
剩余字數:  * 按 Ctrl + Enter 發送.
           
全球網站庫溫馨提示:資料由cht.0430.com會員自行發布,請大家自辯真偽;評論只需提交壹次,請耐心等候審核通過,方可顯示.
網站版本: English  中文(简体)  中文(繁體)  日本語  Español
關於我們 | 聯系我們 | 貢獻網站 | 免責聲明 | 友情鏈接 | 意見反饋 | 分類目錄 | 收錄條件 | 返回頂部
Copyright 2004-2020 版權所有 cht.0430.com
網站聲明:本網站所分享網站資料取之於網、用之於網,請大家參考使用時自行辨明、後果自負,0430不承擔任何責任。
全球網站庫 - 二十四小時在線的免費頂級網站目錄 - 讓網站與我們的生活更近!