AMP知多少?AMP:一個為「快」而生的網頁設計技術
▋AMP是什麼?
AMP,是Accelerated Mobile Pages的縮寫
字面上的意思是「加速行動裝置頁面」計畫
旨在優化手機、平板等移動裝置上的網頁載入速度
讓手機、平板等隨行裝置點開網頁就能迅速載入瀏覽
現在不是有4G網路嗎?這是大家一定會有的疑問。由於各國的行動上網速率不一,雖然4G甚至5G網路是近代的網路趨勢,但僅使用3G甚至2G網路的地區還是不少,畢竟網路環境可言是一個國家級的建設,不是說升級就可以升級的。
除了網路會影響速度之外,手機效能也是一個必須考慮的因素,畢竟手機普及卻也不是每個人都拿高性能的手機,太多的網頁特效Loading對於中低階的手機會是一個效能負擔,網路速度快但手機打不開也是一個窘境。
為了讓不同地區以及不同手機等級的使用者都可以實踐打開網頁速度快這個議題,Google提出了使用AMP網頁設計的想法。但也因為是由 Google 開發的網路技術,因此 AMP 只限於 Google 搜尋引擎所使用。
▋AMP限制?
為確保網頁的快速,AMP也有許多限制
・所有 #CSS 必須內嵌且有最大限制 50KB
・限制使用 #JavaScript 等其他語法
・僅能使用 AMP 定義的 #HTML 元件
・限制擴充功能(extension)
・移除淡入淡出效果
▋使用AMP與SEO關聯?
速度是SEO優化的一環,而AMP可以提升速度指標
一旦行動版網站的 載入時間超過 3 秒
訪客通常選擇跳出離開
快速載入可提高使用者留存率和轉換率
進而吸引使用者繼續觀看,使 PageSpeed Insights分數提高
如果使用者停留時間越長,越有可能達成轉換
▋我該選擇 AMP 嗎?
使用 AMP 最大的目的當然是『速度』
更好的 使用者體驗
不過追求速度相對會換來漸少網頁的互動功能
所以該不該選擇也是需要好好權衡