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的默認格式。

想學習PHP的朋友，或者進階PHP中高級程序員，我為大家準備了一套精品PHP中高級進階學習教程，還可加入大牛學習圈子，分享tp,laravel，swoole，swoft微服務、SQL性能優化，分佈式、高併發等教程，各種大牛都是3-8年PHP開發者，還有每天都有課程講解，助你進階中高級PHP程序員，增值漲薪！獲取方法點擊下方文章鏈接即可！

總結：作為一名前端人員如果掌握後臺技術，工作中會更加得心應手，成為全棧開發者是公司都想要的中高級人才，希望能對大家的學習有所幫助。