兩年前決定啟動AMP項目的谷歌，初衷其實是這樣的

至頂網CIO與應用頻道 08月23日 北京消息（文/孫博）：「隨著前端技術的增多，加上業務需求的不斷變化，前端工程師不得不學習各種框架和模塊，頁面變得越來越複雜，代碼也越來越難懂晦澀」， 谷歌（中國）移動解決方案負責人谷盛感慨，做一名現代的前端工程師有點艱難。

8月10日-11日，在由聽雲、極客邦和InfoQ聯合主辦的2017中國應用性能管理大會（簡稱APMCon 2017）上，谷盛發表了題為《The Modern Mobile Web - From AMP to PWA》的演講，現場解讀了Google AMP (Accelerated Mobile Pages ) 項目的整個歷史背景，同時闡明提升移動網頁在搜索引擎和社交媒體的呈現性能的重要性和AMP與PWA（Progressive Web Apps) 協同工作的必要性。

AMP是谷歌在2015年推出的網頁加速項目，通過AMP runtime JS框架, 新定義了 HTML標籤，限制外部載入CSS和JS，利用第三方緩存的預載入和預渲染，提升移動端頁面的載入速度。

「目前情況很殘酷，平均每個網頁的服務請求大概是214個，其中50%是跟廣告相關。而在3G環境下，頁面的載入速度平均是19秒。這樣一來，77%的網站首頁在3G環境下載入速度超過10秒。」谷盛談到，10秒的網頁載入速度，意味著絕大部分用戶會失去耐心，更意味著77%的頁面可能從來不會出現在移動設備上。

因此，谷歌推出了「AMP」，用來提升移動網頁的載入速度。並且能夠實現平均小於1秒的網頁打開速度，而快的原因則是因為基於AMP的移動網頁夠「簡單「。首先專為移動設備設計的網頁，避免不必要的流量；其次，優化資源載入順序，用戶所需資源可以優先下載；最後用CDN緩存解決了移動端加速的問題。

谷盛談到的另一個關鍵字「PWA」，是谷歌推出的另一個開源項目，目標是基於現代化瀏覽器的能力來提供一個用戶友好的網頁應用。

PWA有幾個特性，讓移動網站更接近原生應用，首先是離線緩存，可以讓客戶在沒有網路連接的時候仍可以使用部分服務，其次是添加到主屏幕，它可以像移動應用一樣，主屏幕打開，並且有開屏畫面。第三個是推送通知，可以像原生應用一樣推送通知，用戶可以點擊並打開它的PWA站點，完成一次再拉活。第四叫Credential Management API，可以幫助用戶完成一鍵註冊、登錄。此外還有Payment API, 讓用戶更快速的完成支付。

對於「AMP」和「PWA」，谷盛說其實是可以協同工作的。例如阿里巴巴速賣通平台就是一個AMP和PWA相結合的購物模式。從用戶在搜索引擎結果中打開基於AMP的移動頁面，到快速瀏覽AMP商品詳情頁面，再到PWA上最後完成登錄、下單、付款，用戶可以感受到良好的「快速」購物體驗。

在本屆APMCon 2017會後，針對以上提到的內容，谷盛接受了至頂網記者的獨家採訪，聽他談目前移動網頁的發展趨勢，以及AMP技術的具體細節。

谷歌（中國）移動解決方案負責人 谷盛

以下為嘉賓訪談實錄：

1.在您看來，影響移動網頁用戶體驗的關鍵有哪些？

谷盛：我認為主要有兩點。第一是速度，第二是性能。速度很簡單，是否有辦法很快的去打開頁面，看到我想看的內容。性能是說當我打開網頁，能不能完成我想做的事情，這是一個很直接的訴求。比如說我能不能打開我想看的新聞視頻？能不能在網頁上完成一個閉環的商品購買流程？這些很重要，也是非常直白的。

如果暢想未來的話，其實還有很多關鍵點。比如我們的網頁能更聰明一點、可以提前了解用戶想做什麼，更了解用戶的興趣和關注點，從而有針對性、個性化預載入或者推薦一些服務給他，這當然是一個很理想的訴求。

2.谷歌在2015年啟動了AMP項目，當時的初衷是什麼？

谷盛：其實就像它名字一樣——加速移動網頁，初衷就是讓移動網頁變更快。互聯網興起的時候，內容都是集中在網頁上，隨著移動設備的興起，很多網站開發者很難去適配各個瀏覽器和各種尺寸的設備，

這就導致很多基於web進行的交互變得很差，頁面的載入通常都很緩慢，渲染不穩定且浪費很多流量。

此外，網頁的商業模式是以廣告為中心，站長們在思考如何平衡用戶體驗與商業化需求的矛盾。但事實上，站長們已經妥協，他們的網頁上有數不清的的廣告代碼和監測代碼。這導致的結果就是網頁越來越慢，用戶體驗越來越差。谷歌看到了這些，覺得有必要改善一下，這是第一。

第二，自從智能手機出現後，App變得非常流行，比如大家每天要發微信，用微博，都要有App，但是對於很多垂直領域，比如新聞媒體來說，是否有必要做一個APP呢。設想一下，如果做了App後，要花很多的精力去推廣安裝、維護、去拉活用戶，有數據統計，平均每月每人使用的App數量不會超過10個，並且70%的已安裝App只被用過一次就卸載了，所以對於很多品類來說，App的ROI可能會非常低，但是web就很好，非常簡單，很容易通過搜索引擎去發現，也容易通過鏈接分享給朋友, 與網頁的互動也非常簡單，只需要點擊鏈接，就可以打開，無論你是用的是智能機，平板電腦，甚至是功能機，它在任何地方都可以工作。任何新的功能，無需下載更新，都可以實時體驗到。所以在很多垂直領域，沒有辦法做成大平台，那我可不可以通過別的平台把內容展現出來？很簡單，比如說社交媒體，或者通過搜索引擎，所以谷歌基於很多這樣的考慮，決定把整個生態系統變得更完善，推出一個標準，讓大家能夠簡單快速的開發、呈現內容，這是AMP的初衷。

3.基於AMP標準的移動網頁呈現的內容跟原生網站內容是否是一模一樣的？

谷盛：可以說是一樣的，因為它們是一一對應的。站長或者媒體自己來決定怎麼樣做這個AMP頁面，加什麼廣告和監測的標籤，注意這些是AMP認證過的標籤，然後AMP平台幫它們去緩存頁面並呈現在搜索結果或者社交媒體上，所有的決定權都在網站自己手裡。

4.在發布兩年的時間中，AMP項目在國內外市場的應用情況如何？

谷盛：現在全球已經有超過20億的AMP頁面，大概有90萬家網站使用了AMP技術，超過100家廣告平台和分析工具供應商支持了AMP。在國內，2017年初得到了百度、搜狗的支持後，6月騰訊的QQ空間也宣布支持AMP，今年下半年還有更多的搜索引擎和社交媒體會加入到AMP陣營里。

5.用AMP技術是否需要跟谷歌簽署某種協議？

谷盛：這是一個誤區。AMP是隸屬於W3C的一個開源標準，按AMP標準寫出的網站，可以在任何地方呈現，主要看網站是否願意被搜索引擎爬蟲爬取，這個和谷歌沒有任何關係。

6.未來是否會有全部基於AMP的網站出現？

谷盛：現在很多網站是由傳統的HTML頁面加一部分AMP的頁面組成，AMP使你的網頁快速啟動，迅速完成第一跳，後續的頁面可以使用PWA技術, 就像原生應用一樣，有很好的可靠性和穩定的用戶體驗。

至於說未來有沒有純粹的AMP的網站，目前就有，一家土耳其網站Mynet就是這樣的, 他們認為AMP的功能已經足夠用了，所以將全部移動網頁都基於AMP技術進行開發，大家可以訪問試試(m.mynet.com)。在中國市場，我們還需要把AMP的生態做起來，包括AMP平台、網站媒體及廣告網路分析工具等等，AMP本身很簡單，又是開源的，我堅信未來在國內，一定會有全部基於AMP的網站出現。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！