AMP是什麼?有什麼用?這篇文章就跟大家介紹AMP(加速行動頁面),讓大家了解AMP的核心元件是什麼,有什麼優點和缺點。下面就開始具體內容,希望對大家有幫助。
AMP是什麼?
AMP(加速行動頁面)是由Google與Twitter合作開發的開源框架,它提供了一種直接的方式來建立輕量級的網頁,以便用戶即時使用,獲得了極大改善的體驗:內容更快,更具吸引力,更易於閱讀。
從本質上講,AMP框架允許我們透過簡化HTML和簡化的CSS規則來為行動裝置建立輕量級體驗。
AMP頁面的3個核心元件
#AMP HTML:
一個比常規HTML更精簡的HTML版本,對可以使用的HTML標籤有嚴格的規範。為確保快速載入頁面,AMP上不允許使用某些HTML元素,例如:表單;某些預設標籤被AMP標籤取代,例如,在AMP HTML程式碼中,標籤< amp-img >取代< img > ;進行影像整合。
附註:AMP對CSS有限制,只能使用簡化版的CSS。
AMP JS:
為了確保行動平台上的快速頁面加載,AMP限制使用任何Javascript,唯一的例外是AMP腳本。需要使用AMP自己的JavaScript庫來負責載入所有網站元素,而所有外部資源都是非同步處理的,這意味著渲染過程可以在不受外部影響的情況下進行。
AMP CDN:通常稱為AMP緩存,AMP平台的關鍵元件是其基於代理的內容分發網路(CDN),可提供加速行動頁面。
AMP的優缺點
# 優點:
1、內容的載入速度非常快,用很好的移動體驗感,提高了參與度和轉換率。
2、透過行動搜尋結果,可以在AMP輪播中反白顯示內容。
3、減少伺服器上的負載,因為AMP CDN快取並回應大多數搜尋結果。
缺點:
1、JavaScript有限制,使用者無法自行創建,所以它可能很難編碼。
2、沒有整合插件,有些效果很難在頁面中實現。
3、簡化了HTML,css有限制,不能很好的自訂網站樣式,大多是Google的預設格式。
總結:以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。
以上是AMP是什麼?有什麼用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!