更快、更省流量？Google AMP技術解讀

周建峰

谷歌近日推出的AMP（Accelerated Mobile Pages）技術，官方稱這是一種用于提升移動網頁裝載速度的技術，號稱可以在手機瀏覽器上提升四倍瀏覽速度，減少裝載1/10或更少的數據。AMP為什么會如此神奇地實現又快又省流量的？

手機流量殺手——WAP頁面

雖然現在Wi-Fi已經很普及，但是出門在外很多場合大家仍然在使用手機數據進行連接。其中最耗費手機流量的是各種WAP頁面（包括手機瀏覽器打開的新聞、視頻等頁面，也包括在微信中打開的頁面），因傳統HTML頁面包含圖片、視頻、各種代碼，這些富文本元素的加載需要耗費大量的數據流量。

純文本顯示可以節約手機流量，但是這樣的頁面太過單調，很多朋友在手機上瀏覽大多是使用默認的富文本模式。那么在這種模式下如何節省流量？一種方法是壓縮數據，比如UC瀏覽器就使用類似方法，但是節約流量的效果并不是很好，因為這些富文本數據壓縮率有限。另一種方法則是減少網頁加載組件，同時加快網頁元素裝載速度。AMP使用的正是后一種方法，它通過一系列特殊協議和CDN加速來實現上述目的（圖1）。

又快又省 AMP是這樣做的

如上所述，AMP主要使用減少網頁加載組件和加快網頁元素裝載速度來實現流量的節省。那么AMP是怎樣實現這個功能的？

對于減少網頁加載組件，AMP使用一種全新的AMP-HTML格式，它定義了一套HTML標簽，如amp-img、amp-video。使用這些tag可以確保加載的順滑，這樣即使是性能較低的手機也可以比較流暢加載網頁上的圖片、視頻等元素，避免由于加載卡頓導致的流量損失。比如常規HTML頁面，性能較低的手機會由于無法完全加載圖片導致網頁停止響應，刷新后需要重新加載圖片而耗費流量。另一方面，AMP可以負責管理資源何時加載，避免不必要的流量。比如很多手機用戶經常使用手機瀏覽器瀏覽百度新聞、網易新聞等以內容為主的新聞詳情頁，大部分性能消耗在圖片、視頻等媒體資源以及第三方功能如廣告、社會化組件的加載上。AMP可以將這些內容替換為AMP Components，它可以避免一些不必要的資源默認被加載，如gif動態廣告頁面和視頻廣告等耗費流量的資源（圖2）。

對于加快網頁元素裝載速度，谷歌AMP則使用了第三方的緩存。這樣從Google的搜索結果里進入AMP網頁就可以做到預加載甚至預渲染，從而帶來極速體驗。比如一些圖片、視頻可以直接利用谷歌服務器上的緩存數據，實現AMP頁面的快速打開。另一方面，為了推動AMP，谷歌提供免費的全球CDN服務，CDN可以緩存圖片、靜態文件等，同時使用HTTP2.0協議保證緩存的高效率，對于使用AMP技術規范開發的頁面都可以無償使用。大家知道CDN是內容分發網絡，它能夠實時地根據網絡流量和各節點的連接、負載狀況以及到用戶的距離和響應時間等綜合信息將用戶的請求重新導向離用戶最近的服務節點上。這樣借助谷歌遍布全球的CDN服務器，無論是哪里的用戶，都可以極速訪問AMP頁面（圖3）。

AMP同盟——谷歌不是一個人在戰斗

正是通過上述優化措施，現在手機訪問AMP頁面可以獲得更順暢、更快的打開速度。其實這種使用特殊協議來優化用戶瀏覽速度的方法并不是只有谷歌在做，現在很多科技巨頭也通過類似的方法在對移動網頁進行優化。

比如國外一些大型社交網站應用內的文章框架，采用基于HTML編碼框架，這個框架直接對接了主流的大的新聞網站（NYtimes、國家地理、NBC、BBC等），通過預先裝載這些大站的內容提高訪問速度。它的優化措施類似AMP的緩存技術，通過對大型新聞網站的緩存來提高社交應用內的文章打開速度。

國內巨頭騰訊則在微信通過公眾號的內容的展現樣式進行限制（類似AMP-HTML格式，騰訊自定義了一套HTML標簽），通過這些限制保證了用戶在手機微信上打開頁面時裝載速度要遠遠快于普通的富交互網站（大家在手機微信公眾號打開文章的速度明顯比在瀏覽器中快），這樣公眾號的文章可以在微信的閉環里實現高速的裝載和自由的傳播（圖4）。

當然作為手機用戶，我們非常樂于看到各大IT巨頭在移動網頁所做的優化，這樣一方面可以讓我們的手機在較短的時間內獲得更多的資訊信息，因為類似AMP的技術可以讓手機更順暢地訪問各種頁面，內容提供商也可以為我們提供更豐富的信息；另一方面則可以大大節約我們寶貴的手機流量，顯然這是一件雙贏的事情。不過從上面的描述我們也可以看到，AMP之類的技術需要開發者重新開發網頁，比如AMP必須按照AMP HTML規范重新編寫頁面，微信公眾號規范只在微信內部適用，這些優化技術的適用范圍仍然有限。我們更期待適用各種網頁的標準化優化措施技術早日普及。

小知識：什么是AMP Components？

AMP Components是AMP開發使用瀏覽器自定義元素（Custom Elements）實現的組件，它用來替換傳統HTML中默認的 和