AMP頁(yè)面的3個(gè)核心組件是什么

這篇文章給大家分享的是有關(guān)AMP頁(yè)面的3個(gè)核心組件是什么的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

AMP是什么？

AMP（加速移動(dòng)頁(yè)面）是一個(gè)由Google與Twitter合作開發(fā)的開源框架，它提供了一種直接的方式來創(chuàng)建輕量級(jí)的網(wǎng)頁(yè)，以便用戶即時(shí)使用，獲得了極大改善的體驗(yàn)：內(nèi)容更快，更具吸引力，更易于閱讀。

從本質(zhì)上講，AMP框架允許我們通過簡(jiǎn)化HTML和簡(jiǎn)化的CSS規(guī)則來為移動(dòng)設(shè)備構(gòu)建輕量級(jí)體驗(yàn)。

AMP頁(yè)面的3個(gè)核心組件

AMP HTML：

一個(gè)比常規(guī)HTML更精簡(jiǎn)的HTML版本，對(duì)可以使用的HTML標(biāo)簽有嚴(yán)格的規(guī)范。為確?？焖偌虞d頁(yè)面，AMP上不允許使用某些HTML元素，例如：表單；某些默認(rèn)標(biāo)簽被AMP標(biāo)簽取代，例如，在AMP HTML代碼中，標(biāo)簽< amp-img >代替< img >進(jìn)行圖像集成。

注：AMP對(duì)CSS有限制，只能使用簡(jiǎn)化版的CSS。

AMP JS：

為了確保移動(dòng)平臺(tái)上的快速頁(yè)面加載，AMP限制使用任何Javascript，唯一的例外是AMP腳本。需要使用AMP自己的JavaScript庫(kù)來負(fù)責(zé)加載所有網(wǎng)站元素，而所有外部資源都是異步處理的，這意味著渲染過程可以在不受外部影響的情況下進(jìn)行。

AMP CDN：通常稱為AMP緩存，AMP平臺(tái)的一個(gè)關(guān)鍵組件是其基于代理的內(nèi)容分發(fā)網(wǎng)絡(luò)（CDN），可提供加速移動(dòng)頁(yè)面。

AMP的優(yōu)缺點(diǎn)

優(yōu)點(diǎn)：

1、內(nèi)容的加載速度非?？?，用很好的移動(dòng)體驗(yàn)感，提高了參與度和轉(zhuǎn)化率。

2、通過移動(dòng)搜索結(jié)果，可以在AMP輪播中突出顯示內(nèi)容。

3、減少服務(wù)器上的負(fù)載，因?yàn)锳MP CDN緩存并響應(yīng)大多數(shù)搜索結(jié)果。

缺點(diǎn)：

1、JavaScript有限制，用戶無法自己創(chuàng)建，所以它可能很難編碼。

2、沒有集成插件，一些效果很難在頁(yè)面中實(shí)現(xiàn)。

3、簡(jiǎn)化了HTML，css有限制，不能很好的自定義網(wǎng)站樣式，大多是Google的默認(rèn)格式。

感謝各位的閱讀！關(guān)于AMP頁(yè)面的3個(gè)核心組件是什么就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！