0
| 本文作者： 歐陽(yáng)辰 | 2016-08-04 21:13 |
雷鋒網(wǎng)按：本文作者歐陽(yáng)辰，互聯(lián)網(wǎng)廣告技術(shù)老兵，小米廣告架構(gòu)師/主管，負(fù)責(zé)廣告平臺(tái)架構(gòu)和大數(shù)據(jù)，曾負(fù)責(zé)微軟移動(dòng)Contexual Ads廣告平臺(tái)，參與Bing搜索引擎IndexServe的核心模塊研發(fā)。
黃昏中的諸神總會(huì)推出很多有趣的技術(shù)，谷歌推出的AMP（Accelerated Mobile Pages)算得上是一個(gè)。
這是一種用于提升移動(dòng)網(wǎng)頁(yè)裝載速度的技術(shù)，官方數(shù)據(jù)是提升4倍速度，1/10或更少的數(shù)據(jù)。
技術(shù)的本質(zhì)是嚴(yán)格控制網(wǎng)頁(yè)裝載內(nèi)容大小和順序，達(dá)到明顯提升用戶體驗(yàn)的技術(shù)。通過(guò)“奴役”網(wǎng)頁(yè)的內(nèi)容，達(dá)到高性能上的“自由”，就是喬治.奧威爾《1984》中提到的“戰(zhàn)爭(zhēng)即和平、自由即奴役、無(wú)知即力量”。這種奴役就是你必須使用谷歌的AMP格式制作網(wǎng)站。
一方面，在移動(dòng)時(shí)代，谷歌通過(guò)搜索分發(fā)Web內(nèi)容的方式已經(jīng)持續(xù)勢(shì)微，即使引入各種Deep Link、App Index或者M(jìn)obile Optimized等有理想的新技術(shù)，也難以阻擋移動(dòng)的頹勢(shì)。另外一方面，社交網(wǎng)絡(luò)和垂直內(nèi)容聚合正在抓住人性的弱點(diǎn)，一波又一波的推薦泛娛樂(lè)化內(nèi)容和獵奇的朋友圈更新，無(wú)聊的人類已經(jīng)無(wú)需主動(dòng)獲取信息，而淪陷為智能推薦的“俘虜”，這也是另外一種形式的“自由即奴役”。
既然渠道受限，那么谷歌如何繼續(xù)rule整個(gè)移動(dòng)Web世界？抓住體驗(yàn)痛點(diǎn)，行業(yè)合縱連橫，免費(fèi)提供服務(wù)成為AMP（Accelerated Mobile Pages）的谷歌打的三張牌。
用戶體驗(yàn)痛點(diǎn)：新聞內(nèi)容的網(wǎng)頁(yè)裝載慢，訪問(wèn)性能差，用戶跳離率高。
行業(yè)合縱連橫：谷歌全線產(chǎn)品支持AMP，鼓勵(lì)生態(tài)支持（廣告，數(shù)據(jù)分析等）。
免費(fèi)開源服務(wù)：項(xiàng)目開源，免費(fèi)提供全球CDN加速服務(wù)。
（其實(shí)谷歌免費(fèi)開放CDN服務(wù)，可直接提升網(wǎng)站性能，何必需要AMP。 )
AMP需要大力改造網(wǎng)頁(yè)內(nèi)容，使用一種全新的AMP-HTML格式，對(duì)于網(wǎng)站開發(fā)者來(lái)說(shuō)，這是一種傷筋動(dòng)骨的改造。要知道，標(biāo)準(zhǔn)HTML格式曾經(jīng)無(wú)數(shù)次被仰攻，尚無(wú)一人生還，例如Adobe Flash、XHTML、XML都紅火一時(shí)后銷聲匿跡了。所以說(shuō)，AMP的推出，我不知道是一種無(wú)知，還是一種力量，或許是一種理想，可謂“無(wú)知即力量”。
谷歌AMP是如何實(shí)現(xiàn)“4X更快的速度，1/10或更少的數(shù)據(jù)”？ 我總結(jié)了一下是三個(gè)部分、十個(gè)技術(shù)。
AMP包括三個(gè)部分：
AMP HTML： 定義了一套HTML標(biāo)簽，如amp-img, amp-video。使用這些tag可以確保加載的順滑。同時(shí)amp也負(fù)責(zé)管理資源何時(shí)加載，避免不必要的流量。
AMP JS： 實(shí)現(xiàn)了所有的AMP性能優(yōu)化實(shí)踐。其中最大的優(yōu)化就是保證外部所有資源都是異步裝載，另外還包括Sandbox處理iFrame的模塊，資源裝載的同時(shí)預(yù)先計(jì)算出每一個(gè)元素的位置和大??；禁用慢的CSS樣式。
Google AMP Cache： 為了推動(dòng)AMP，谷歌提供免費(fèi)的全球CDN服務(wù)，可以緩存圖片，靜態(tài)文件等，使用HTTP2.0協(xié)議保證緩存的高效率。免費(fèi)的代價(jià)就是必須使用AMP格式。
AMP十個(gè)優(yōu)化技術(shù)（不限于）：
只允許異步的Script裝載
靜態(tài)計(jì)算資源的布局大小
不允許擴(kuò)展機(jī)制阻止頁(yè)面生成
關(guān)鍵路徑中不允許第三方腳本
CSS通過(guò)直接嵌入，并且有大小限制
字體下載優(yōu)化
最小化樣式重新計(jì)算
只運(yùn)行GPU加速的動(dòng)畫
資源裝載的優(yōu)先級(jí)管理
預(yù)裝載于急速顯示
AMP的設(shè)計(jì)理念：
越快越好（Faster is better)
美麗也非常重要（‘Beautiful’matters)
安全是必須的(Security is a must)
合作成長(zhǎng)（We're better together)
這里是一個(gè)AMP的代碼例子：
幾個(gè)小注釋：
1、Canonical定義了經(jīng)典地址，如客戶端不支持AMP，跳回傳統(tǒng)鏈接。
2、AMP定義了很多amp-開頭的Tag，限制了很多動(dòng)態(tài)效果。
3、http://AmpProject.org/v0.js包含了很多優(yōu)化技術(shù)，透明使用即可獲得加速。
AMP技術(shù)目前主要用于內(nèi)容發(fā)行商出版內(nèi)容，例如新聞網(wǎng)站，報(bào)社等。他們通過(guò)改造CMS系統(tǒng)，生成AMP-HTML格式網(wǎng)頁(yè)，以提升網(wǎng)頁(yè)裝載性能，免費(fèi)使用Google的全球CDN服務(wù)。同時(shí)，為了支持傳統(tǒng)的頁(yè)面，他們也需要生成傳統(tǒng)的頁(yè)面鏈接(HTML)。
AMP的一些標(biāo)簽可以也許可以足夠表達(dá)靜態(tài)內(nèi)容，但是作為一個(gè)移動(dòng)生態(tài)，這是遠(yuǎn)遠(yuǎn)不夠的，任何一個(gè)生態(tài)就是流量和變現(xiàn)的相輔相成。變現(xiàn)需要廣告SDK支持，流量需要精細(xì)化運(yùn)營(yíng)提升，需要統(tǒng)計(jì)分析工具。因此,AMP需要成長(zhǎng)必須完善下面兩個(gè)方面：
1、廣告
2、數(shù)據(jù)統(tǒng)計(jì)
AMP在這兩個(gè)方面也有獲得了積極的支持。AMP社區(qū)開始支持部分的廣告服務(wù)和數(shù)據(jù)分析服務(wù)。廣告服務(wù)包括Double Click，A9等，數(shù)據(jù)服務(wù)包括Adobe、Google Analytics。
支持的數(shù)據(jù)分析服務(wù)商：
支持的廣告服務(wù)提供商：
懷揣移動(dòng)性能提升的理想，不僅僅有通用領(lǐng)域的AMP，還有它的戰(zhàn)友們。有些巨無(wú)霸平臺(tái)也推出垂直的解決方案，等待時(shí)機(jī)和技術(shù)成熟隨時(shí)向通用發(fā)展。下面列舉幾個(gè)例子。
1）Facebook Instant Articles
Facebook應(yīng)用內(nèi)的文章框架，采用基于HTML編碼框架，類似AMP的想法，支持Facebook中，通過(guò)預(yù)先裝載提高速度。這個(gè)框架直接對(duì)接了主流的大的新聞網(wǎng)站（NYtimes,國(guó)家地理，NBC,BBC等）。官方數(shù)據(jù)是：性能大大提升，20%更多點(diǎn)擊；70%更少的逃離率；30%更多的分享。
2）微信公眾號(hào)/QQ瀏覽器X5
公眾號(hào)的內(nèi)容的展現(xiàn)樣式有很多限制，正是這些限制保證了裝載速度要快于普通的富交互網(wǎng)站。公眾號(hào)文章在微信的閉環(huán)里，高速的裝載和自由的傳播?！白杂杉磁邸?。
1、訪問(wèn)AMP官網(wǎng)
2、開發(fā)AMP-HTML，對(duì)接CMS系統(tǒng)
3、發(fā)布AMP-HTML并且兼容舊格式，觀察性能提升。
AMP技術(shù)是一個(gè)宏大的理想，壯志有些像1996年剛出生的Java語(yǔ)言，“糜克有初，鮮克有終”，希望AMP能夠走的更遠(yuǎn)、更好。除了幫助出版行業(yè)的新聞內(nèi)容，也能夠幫助廣告主的Ad Landing Page裝載得更快更好！
雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見(jiàn)轉(zhuǎn)載須知。
