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ā)成本。
AMP可以創(chuàng)建跨設(shè)備和分發(fā)平臺始終快速,美觀且高效的網(wǎng)站和廣告。發(fā)布商和廣告客戶可以決定如何展示強(qiáng)調(diào)用戶優(yōu)先體驗的內(nèi)容。
您可以使用CSS自定義樣式和動態(tài)數(shù)據(jù),以便在需要時獲取最新的數(shù)據(jù)。
構(gòu)建一個優(yōu)秀的網(wǎng)站需要花費大量的時間和精力。AMP組件已針對最佳性能進(jìn)行了優(yōu)化。
AMP項目是一項開源計劃,旨在通過提供更好,更快,更用戶友好的體驗來保護(hù)網(wǎng)絡(luò)的未來。
AMP頁面即時加載 - 跨所有設(shè)備和平臺。
您通常可以在幾天內(nèi)轉(zhuǎn)換整個存檔 - 尤其是在使用Wordpress或Drupal等常見CMS時。
由Google,Bing和Twitter等全球平臺使用,AMP允許用戶在可用時默認(rèn)為AMP頁面,從而在所有平臺上體驗本機(jī)感受。
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頁面以便在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í)有所幫助。
oogle日前宣布,Gmail郵件系統(tǒng)將引入Accelerated Mobile Pages (AMP)技術(shù)支持,從而讓電子郵件的互動性和可操作性大大提升。
AMP是Google 2015年聯(lián)合數(shù)十家技術(shù)機(jī)構(gòu)和企業(yè)共同推出一個移動網(wǎng)頁加速項目,AMP項目嚴(yán)格限制了HTML中所能夠使用的內(nèi)容,在現(xiàn)有網(wǎng)頁技術(shù)的基礎(chǔ)上,該項目只使用了HTML中的一部分子集,使得AMP HTML文檔(也就是網(wǎng)頁)可以速度很快的運行在所有的現(xiàn)代瀏覽器中。
Google把這項新功能被命名為“AMP for Email”,這意味著它不僅可以用于Gmail,其它電子郵件客戶端也可以采用它。這一新規(guī)范將為開發(fā)人員創(chuàng)建更具吸引力、互動性和可操作性更強(qiáng)的電子郵件提供強(qiáng)大的支持。
利用AMP for Email,用戶可以迅速采取行動,例如提交RSVP到事件,安排預(yù)約,或者直接從電子郵件中填寫調(diào)查問卷。
許多人依靠電子郵件獲取航班、活動、新聞、購物等信息,全球每天發(fā)送超過2,700億封電子郵件。用于電子郵件的AMP還可以使信息保持最新,所以當(dāng)用戶查看時,電子郵件永遠(yuǎn)不會過時,并且內(nèi)容準(zhǔn)確無誤。
AMP for Email規(guī)范現(xiàn)在已經(jīng)可以使用,Google計劃在今年晚些時候在Gmail中提供支持。
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。