加速行動版網頁 Accelerated Mobile Pages AMP

加速行動版網頁 Accelerated Mobile Pages AMP

由 Google 推出的 Framework 可以讓行動網站快速載入，在 Search Console 也會看到一些有關 Webmaster 使用與提交

結構

AMP 的三大組成

AMP HTML
- 有些特規標籤如 “, 等”
AMP JS
- 只能使用 AMP 元件不能夠使用自己或是第三方的 JS，真的要用必須洗在 Sandboxed iframe
AMP Cache
- 會放在 Google AMP Cache 並顯示在 Google Search 的 Top Stories 版位

Pros/Cons

Pros

載入快
跨瀏覽器支援
在 Google Top Stories 顯示快速瀏覽，吸引使用者

Cons

限制太多
基本靜態
外部資源使用必須選宣告，避免 Load 太久
外部字體，大小限制以及引入位置，也不能用 inline
只能用 GPU 加入的動畫
會對下載資源進行優先順序的管控比如圖檔與廣告會 Lazy load

參考文章

加速行動版網頁（AMP, Accelerated Mobile Pages）

Web App