生病了！不過還是要把比賽還是要繼續阿！！
AMP主要由三個部分主成分別是AMP HTML、AMP JS、AMP Cache，大家可以把他想像成，他是一種的前端框架，幫助你加快你的網站速度，當然你也可以把你的網站設計的很簡潔，讓你的網站很快速。總而言之，既然Google要幫你加速網站，不彷可以試看看吧。
AMP HTML與一般的HTML差異是不大的，只有一部份的tag必須使用AMP規格。例如，amp-img 標籤可在不支援 srcset 的瀏覽器中提供完整的 srcset 支援。
另外在html的部分必須包含 <html ⚡> 或 <html amp>，讓Google能夠認得AMP網頁。
下面說明AMP HTML必須遵守的規範
- html檔案必須以
<!doctype html>做為起頭。- 第一層的html tag需用
<html ⚡>或<html amp>。- 必須包含
<head>與<body>的tags。- 必須包含
<link rel="canonical" href="$SOME_URL">表示使用某一版本的AMP HTML document或是自深原本的網頁。- 必須包含
<meta charset="utf-8">並且放置在<head>tag中的第一個子項目。- 必須包含
<meta name="viewport" content="width=device-width,minimum-scale=1">在<head>中，建議裡面可以放initial-scale=1。- 必須包含
<script async src="https://cdn.ampproject.org/v0.js"></script>在<head>中。- 必須包含 AMP boilerplate code (
head > style[amp-boilerplate]與noscript > style[amp-boilerplate])在<head>中
更多的規範請看 AMP HTML ⚡| Github
AMP HTML Specification |官方文件
AMP JS library可以確保用最快的速度呈現在AMP網頁中
這些library實作了所有AMP最佳化的方法及管理資源的Loading，用最快的方式Render到你的頁面上
最大的優化重點在於非同步，在同一個時間內一起載入所有的資源，這樣就不會又資源被block住了！
更多優化方法可以看 How AMP Works|官方文件
Google AMP Cache用於AMP網頁中
這項服務是一種proxy-based，他可以自動增進AMP網頁載入的效能，並且所有的圖片以及JS文件都從HTTP2.0 (HTTPS)的同一來源來載入，讓網頁能夠有最高的效率及表現。
另外，AMP Cache也有驗證系統，可以確保網頁能正常運行，其他版本的驗證器也能夠與每個AMP 頁面，互相的配合，並且可以直接透過瀏覽器console做觀察以及錯誤的呈現，你可以清楚知道你的Code跟效能與使用者體驗之間複雜交錯的關係。
這邊提到，如果要使用AMP必須要有HTTPS唷！
如果還不知道什麼是HTTPS的開發人員麻煩請去補習
隨著Https 的技術越來越成熟，許多的網站也紛紛將自己的網站升級至HTTPS，Chrome瀏覽器也將含有敏感資料的HTTP標示為不安全，雖然說HTTPS不是完全的安全，致少你在傳輸的過程中，想要取得你資料的人就必須要在花一番功夫才能夠獲得裡面的資訊。
SEO對所有的網站來說是重要的，Google在Webmaster Central Blog提到HTTPS也是包含在計算排名的指標之一，Google在2014年發表的文章
HTTPS as a ranking signal，快點回去去叫老闆升級你家網站吧！
感謝這次我的好友Summer給予建議及指導，他的文章大家也可以去看看喔～
加速行動版網頁（AMP, Accelerated Mobile Pages）｜ Summer。桑莫。夏天
iThome鐵人賽
看影片追技術