首頁 > web前端 > html教學 > AMP是什麼?有什麼用?

AMP是什麼?有什麼用?

青灯夜游
發布: 2018-12-25 11:29:54
原創
22553 人瀏覽過

AMP是什麼?有什麼用?這篇文章就跟大家介紹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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板