什麼是 AMP ？
Instant. Everywhere. - AMP
行動網路的網頁讀取的效能一直的開發者關注的議題，因此 2015 年 10 月， Google 宣布 加速行動網頁（Accelerated Mobile Pages ， AMP）計畫。 AMP 是一個加速行動網頁讀取的框架，目的在於提高網頁內容的讀取速度，進而提升使用者體驗。根據官方的資料顯示，在行動裝置下載網頁的時間，比過去快四倍，而且僅佔用原有十分之一的數據量。
AMP 主要由 AMP HTML、AMP Runtime 以及 AMP Components 三部分组成：
AMP HTML 採用類似傳統 HTML 標籤，但只能採用規範的標籤。AMP HTML 中會引入 AMP Runtime - JavaScript ，作為負責協調資源的加載，以及提供驗證器等調試功能。AMP Components 用來替換 AMP HTML 中使用自定義元素。
AMP 有兩個主要目標：
- 為了提高人們試圖讀取行動設備上的內容體驗
- 為了更輕鬆地發佈內容
由於 Facebook Instant Articles、Apple News 等即時新聞入口，已明顯對 Google 的核心廣告業務構成了威脅，Google 的 Instant Articles 可謂勢在必行，通過巨大流量與優化的呈現方式，來鞏固新聞類文章帶來的廣告業務優勢。 AMP 不同於 Facebook Instant Articles 和 Apple News 使用規定的資料格式，而是透過改善發佈策略來加速。這對於發佈者來說，是比較方便且簡單的作法。
AMP vs RWD
AMP 和 RWD 都是因為行動網路裝置的興起，而衍伸出來的網頁發展技術。我們針對目的、作法、用途來釐清這兩者之間的差別。
目的
RWD 的目的是為了將傳統的網頁瀏覽，能隨著不同的使用者裝置，而有不同的顯示樣式。 AMP 則是重點在如何加速網路內容的存取。
做法
在現有的網站上如果想要達到 RWD 的效果，往往必須重新設計跟及一定幅度的修改網頁。但是 AMP 的話是在原本的網頁下，加入 AMP 的機制而不用重新規劃網頁的呈現。
- How to get start？ –> Create Your First AMP Page
用途
RWD 將可以用於一般的網頁，像是 web forms 和 custom applications。 AMP 將對於內容發佈的網站產生預期的效果，像是 news articles 和 blog entries。
小結
- AMP is not a replacement for RWD
- AMP does not validate device detection as a better technique than RWD
SEO 與 UX
Google Search 定義了對於行動網路的排序主要依據兩點：(1) 使用者體驗 與 (2) 速度。 RWD 可以幫助實現手機上的使用者體驗，但通常會造成速度上的限制。但 AMP 可以同時滿足這兩點，因此 AMP 可以視為 SEO 上重點的工作。
結論
AMP 解決了一個很具體的問題：盡可能快速的發布內容。對於網站的發布內容快速將提供更好的使用者體驗。我認為這樣的技術將會大幅降低效能調教的難度，未來只要依循幾個簡單的步驟，就可以達到這樣加速效果。不過就目前的資料來看，不能使用自定義的 JS 會是大家觀望的點。
此外， RWD 及 AMP 都會是將來行動端網頁的重要需求。依據目的的不同而決定是否採用 RWD 或 AMP。
Reference
[1] AMP vs Responsive Web Design
[2] AMP and Responsive Web Design
[3] How To Get Started With Accelerated Mobile Pages (AMP)
[4] [resolved] AMP vs RWD or AMP & RWD or simply AMP??
[5] Google拼速度 點閱新聞更快速
[6] AMP，来自 Google 的移动页面优化方案
License
本著作由 Chang, Wei-Yaun (v123582) 製作，
以創用CC 姓名標示-相同方式分享 3.0 Unported授權條款釋出。