AMP的好處以及它與響應式網頁設計的不同之處
如果你看看過去幾年網站的分析流量，你可能會發現它們都有一個共同的主要事情 - 他們從移動設備用戶獲得的訪問者數量增加。
從全球範圍來看，移動設備的網絡流量現在比我們認為的“傳統設備”更多，這基本上意味著台式機或筆記本電腦。 毫無疑問，移動計算已經改變了人們消費在線內容的方式，這意味著它已經改變了我們必須為越來越以移動為中心的受眾構建網站的方式。
建立移動受眾群體
多年來，創建“移動友好網站”一直是網絡專業人士的首要任務。 像響應式網頁設計這樣的實踐旨在幫助創建適用於所有設備的網站，而關注網站性能和快速下載時間將使所有用戶，移動設備或其他設備受益。 移動友好網站的另一種方法稱為AMP web開發，即加速移動頁面。
這個由Google支持的項目是作為一個開放標準創建的，旨在允許網站發布者創建在移動設備上更快加載的網站。 如果你認為這聽起來很像響應式網頁設計，那麼你沒有錯。 這兩個概念有許多共同之處，即它們都專注於向移動設備上的用戶提供內容。 然而，這兩種方法之間有許多不同之處。
AMP和響應式網頁設計之間的主要區別
響應式網頁設計的優勢之一一直是它增加到網站的靈活性。 您可以創建一個頁面，自動響應訪問者的屏幕大小。 這可以讓您的頁面覆蓋範圍擴大，並且能夠為各種設備和屏幕尺寸提供良好的體驗，從手機到平板電腦到筆記本電腦，台式機和其他設備。 響應式網頁設計專注於所有設備和用戶體驗 ，而不僅僅是移動設備。 這在某些方面都很好，在其他方面也不錯。
網站的靈活性非常好，但如果你真的想專注於移動，那麼創建一個專注於所有屏幕的網站，而不僅僅是移動網站，可以為純粹優化的移動性能交易靈活性。 這是AMP背後的理論。
AMP純粹專注於速度 - 即移動速度。 根據該項目的Google技術負責人Malte Ubl的說法，AMP旨在將“即時呈現到網頁內容”中。這樣做的一些方式包括：
- 延遲加載
- 使用預連接
- 預取資源
- 異步Javascript
- 內聯樣式表
- 沒有可下載的字體
- 資源優先
這些只是使AMP 加載速度如此之快的一些主要原因。 但是，該列表中的一些項目可能會讓長期的Web專業人士感到畏縮。 例如， 內聯樣式表 。 多年來，我們中的許多人都被告知所有樣式應該包含在外部樣式表中。 能夠在一張外部表單中設置所有網站頁面的樣式是CSS的強項之一 - 如果頁面使用內聯樣式，這種優勢將被否定。 是的，您不需要下載外部文件，但需要使用單一樣式表管理整個站點。 那麼哪種方法更好？ 現實是他們都有他們的好處和缺點。 網絡在不斷變化，不同的人訪問你的網站有不同的需求。 建立適用於所有情況的規則是非常困難的，因為不同的方法在不同的情況下是有意義的。 關鍵是衡量每種方法的優點或缺點，以確定哪種方法最適合您的具體情況。
AMP和RWD之間的另一個關鍵區別在於響應式設計很少“添加”到現有網站上。 由於RWD實際上是對網站體系結構和體驗的徹底反思，因此通常需要對網站進行重新設計和重新開發以適應響應式樣式。 但是，AMP可以添加到現有網站上。 事實上，它甚至可以添加到現有的響應式網站上。
Javascript注意事項
與使用RWD的網站不同，AMP網站在使用Javascript時效果不佳。 這包括今天在網站上非常流行的第三方腳本和庫。 這些庫可以為網站添加令人難以置信的功能，但它們也會影響性能。 因此，強烈關注頁面速度的方法會避開Javascript文件。 正是出於這個原因，AMP常常最好用於靜態網頁，而不是高度動態的網頁或那些因某種原因需要特定的Javascript效果的網頁。 例如，一個使用“燈箱”風格體驗的網站畫廊不會成為AMP的絕佳選擇。 另一方面，一個標準的網站文章或新聞稿不需要任何花哨的功能將是一個偉大的頁面與AMP交付。 該網頁可能會被使用移動設備的人閱讀，他們可能在社交媒體上或通過移動Google搜索查看了該鏈接。 當他們請求時能夠立即提供該內容，而不會減慢下載速度，同時加載不必要的Javascript和其他資源，從而為客戶提供絕佳體驗。
選擇正確的解決方案
那麼哪種選擇適合你 - AMP還是RWD？ 當然，這取決於您的具體需求，但您不需要選擇其中一個。 如果我們想要更智能（更成功）的在線策略，那意味著我們需要考慮所有可用的工具，並了解它們將如何協同工作。 也許這意味著響應式地提供您的網站，但是在選擇的部分或頁面上使用AMP可能最適合該風格的開發。 它也可能意味著採取不同方法的各個方面，並將它們結合起來創建混合解決方案，以滿足非常具體的需求，並為該網站的訪問者提供兩全其美的解決方案。