1. 首頁 > 生活百科 > >

前端工程師應該都需要了解 amp是什么意思

創業資源

amp是什么意思(前端工程師都應該知道)
什么是AMP？有什么用？創業網的這篇文章會給大家介紹AMP(加速移動頁面) ， 讓大家了解AMP的核心組件是什么 ， 它的優缺點是什么 。下面就從具體內容開始吧 ， 希望對大家有所幫助 。

前端工程師應該都需要了解 amp是什么意思

文章插圖

什么是AMP？
AMP(加速移動頁面)是由谷歌和Twitter開發的開源框架 。它提供了一種直接創建輕量級網頁供用戶即時使用的方式 ， 極大地改善了體驗:內容更快、更吸引人、更容易閱讀 。
本質上 ， AMP框架允許我們通過簡化HTML和CSS規則為移動設備構建輕量級體驗 。
放大器頁面的3個核心組件
超文本標記語言:
一個比常規HTML更精簡的HTML版本 ， 對可以使用的HTML標簽有嚴格的規范 。為確保快速加載頁面 ， AMP上不允許使用某些HTML元素 ， 例如：表單；某些默認標簽被AMP標簽取代 ， 例如 ， 在AMP HTML代碼中 ， 標簽代替進行圖像集成 。比普通HTML更簡潔的HTML版本 ， 普通HTML對可用的HTML標簽有嚴格的規范 。為了保證快速的頁面加載 ， 有些HTML元素 ， 比如表單 ， 在AMP上是不允許的；一些默認標簽被AMP標簽替換 。例如 ， 在AMP HTML代碼中 ， 標簽替換用于圖像集成 。
注意:AMP對CSS有限制 ， 只能使用CSS的簡化版 。
AMP JS:
為了確保在移動平臺上快速加載頁面 ， AMP限制使用任何Javascript ， 除了啟動網絡是AMP腳本之外 。需要AMP自帶的JavaScript庫來加載所有的網站元素 ， 所有的外部資源都是異步處理的 ， 這意味著渲染過程可以在沒有外部影響的情況下進行 。
AMP CDN:俗稱AMP緩存 ， AMP平臺的一個關鍵組件是其基于代理的內容分發網絡(CDN) ， 可以提供加速的移動頁面 。
前端工程師應該都需要了解 amp是什么意思

文章插圖

放大器的優缺點
優點:
1.內容的加載速度非?？?nbsp;， 參與度和轉化率都有所提升 ， 有很好的移動體驗感 。
2.通過移動搜索結果 ， 您可以突出顯示AMP轉盤中的內容 。
3.減少服務器上的負載 ， 因為AMP CDN緩存并響應大多數搜索結果 。
缺點:
1.JavaScript是有限的 ， 用戶不能自己創建 ， 所以可能很難編碼 。
2.沒有集成插件 ， 有些效果很難在頁面中實現 。
3.簡化HTML ， css有限 ， 網站風格不能很好的定制 。大部分都是谷歌的默認格式 。
前端工程師應該都需要了解 amp是什么意思

文章插圖

總結:作為前端人 ， 如果掌握了后端技術 ， 啟動網絡在工作中會更加得心應手 。做全棧開發者是公司想要的中高級人才 ， 希望對大家的學習有幫助 。
【前端工程師應該都需要了解 amp是什么意思】

    推薦閱讀