介

AMP 是一個基于 web components 技術(shù)的網(wǎng)頁組件庫，屬于谷歌的官方項目，開發(fā)者基本都是谷歌的在職工程師。AMP是一個開源項目，這項技術(shù)可以讓移動端訪問頁面時加載更快。AMP移動頁面加速，是由谷歌公司啟動的一個加快移動頁面加載速度的開源項目。AMP是一種簡單而強(qiáng)大的格式，可確保您的網(wǎng)站快速，用戶優(yōu)先，并且賺錢。AMP為您的Web戰(zhàn)略提供長期成功，并在流行的平臺上進(jìn)行分發(fā)，并降低運營和開發(fā)成本。

主要特性

• 為開放網(wǎng)絡(luò)上的用戶創(chuàng)建出色的Web體驗

AMP可以創(chuàng)建跨設(shè)備和分發(fā)平臺始終快速，美觀且高效的網(wǎng)站和廣告。發(fā)布商和廣告客戶可以決定如何展示強(qiáng)調(diào)用戶優(yōu)先體驗的內(nèi)容。

• 保持靈活性和控制并降低代碼的復(fù)雜性

您可以使用CSS自定義樣式和動態(tài)數(shù)據(jù)，以便在需要時獲取最新的數(shù)據(jù)。

• 確保性能的構(gòu)建塊

構(gòu)建一個優(yōu)秀的網(wǎng)站需要花費大量的時間和精力。AMP組件已針對最佳性能進(jìn)行了優(yōu)化。

• 在開放式網(wǎng)絡(luò)中為每個人構(gòu)建可持續(xù)發(fā)展的未來

AMP項目是一項開源計劃，旨在通過提供更好，更快，更用戶友好的體驗來保護(hù)網(wǎng)絡(luò)的未來。

• 網(wǎng)頁速度改善了用戶體驗和核心業(yè)務(wù)指標(biāo)

AMP頁面即時加載 - 跨所有設(shè)備和平臺。

• 構(gòu)建AMP頁面非常簡單

您通常可以在幾天內(nèi)轉(zhuǎn)換整個存檔 - 尤其是在使用Wordpress或Drupal等常見CMS時。

• AMP可以應(yīng)用于各種網(wǎng)絡(luò)接觸點

由Google，Bing和Twitter等全球平臺使用，AMP允許用戶在可用時默認(rèn)為AMP頁面，從而在所有平臺上體驗本機(jī)感受。

內(nèi)置組件

AMP HTML是HTML，對可靠性能有一些限制。

雖然AMP HTML頁面中的大多數(shù)標(biāo)簽都是常規(guī)HTML標(biāo)簽，但某些HTML標(biāo)簽會替換為AMP專用標(biāo)簽（另請參閱AMP規(guī)范中的HTML標(biāo)簽）。這些稱為AMP HTML組件的自定義元素使常見模式易于以高效的方式實現(xiàn)。

例如，即使在不支持它的瀏覽器中，amp-img標(biāo)簽也提供完整的srcset支持。了解如何創(chuàng)建第一個AMP HTML頁面。

AMP頁面由搜索引擎和其他平臺通過HTML標(biāo)記發(fā)現(xiàn)。您可以選擇擁有非AMP版本和頁面的AMP版本，或僅選擇AMP版本。

AMP緩存

可以緩存AMP頁面以便在Web上進(jìn)行近乎瞬時的加載。像Google這樣的平臺運行AMP緩存，可以從服務(wù)中快速加載您的內(nèi)容。

Google AMP Cache是??一個基于代理的內(nèi)容交付網(wǎng)絡(luò)，用于提供所有有效的AMP文檔。它可以獲取AMP HTML頁面，對其進(jìn)行緩存，并自動提高頁面性能。使用Google AMP緩存時，文檔，所有JS文件和所有圖像都來自使用HTTP 2.0的同一來源，以實現(xiàn)最高效率。緩存還帶有內(nèi)置驗證系統(tǒng)，可確保頁面可以正常工作，并且不依賴于外部資源。驗證系統(tǒng)運行一系列斷言，確認(rèn)頁面的標(biāo)記符合AMP HTML規(guī)范。

驗證器的另一個版本與每個AMP頁面捆綁在一起。此版本可以在呈現(xiàn)頁面時將驗證錯誤直接記錄到瀏覽器的控制臺，從而可以查看代碼中的復(fù)雜變化可能會如何影響性能和用戶體驗。

快速上手

請復(fù)制以下并將其保存到擴(kuò)展名為 .html 的文件中。這就是我們制作首個 AMP 網(wǎng)頁所需的全部內(nèi)容，當(dāng)然，正文中還沒有添加太多內(nèi)容。在官方文檔將更詳細(xì)介紹如何添加圖片等基本元素、自定義 AMP 元素，并介紹如何設(shè)置網(wǎng)頁樣式以及如何創(chuàng)建自適應(yīng)布局，請自行學(xué)習(xí)。

MP是什么?有什么用？本篇文章就給大家介紹AMP（加速移動頁面），讓大家了解AMP的核心組件是什么，有什么優(yōu)點和缺點。下面就開始具體內(nèi)容，希望對大家有所幫助。

AMP是什么？

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

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

AMP頁面的3個核心組件

AMP HTML：

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

注：AMP對CSS有限制，只能使用簡化版的CSS。

AMP JS：

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

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

AMP的優(yōu)缺點

優(yōu)點：

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

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

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

缺點：

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

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

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

想學(xué)習(xí)PHP的朋友，或者進(jìn)階PHP中高級程序員，我為大家準(zhǔn)備了一套精品PHP中高級進(jìn)階學(xué)習(xí)教程，還可加入大牛學(xué)習(xí)圈子，分享tp,laravel，swoole，swoft微服務(wù)、SQL性能優(yōu)化，分布式、高并發(fā)等教程，各種大牛都是3-8年P(guān)HP開發(fā)者，還有每天都有課程講解，助你進(jìn)階中高級PHP程序員，增值漲薪！獲取方法點擊下方文章鏈接即可！

全套laravel框架、ThinkPHP框架全套教程分享，PHP程序員福利！

PHP開發(fā)三年只懂增刪改查？那是你沒有規(guī)劃好php學(xué)習(xí)路線

總結(jié)：作為一名前端人員如果掌握后臺技術(shù)，工作中會更加得心應(yīng)手，成為全棧開發(fā)者是公司都想要的中高級人才，希望能對大家的學(xué)習(xí)有所幫助。