整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          使用谷歌官方開源項目AMP加快移動頁面加載速度

          使用谷歌官方開源項目AMP加快移動頁面加載速度

          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í)有所幫助。

          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中提供支持。


          主站蜘蛛池模板: 美女视频一区二区| 国模无码一区二区三区不卡| 国产一区二区三区免费在线观看| 久久精品国产一区二区三 | 免费播放一区二区三区| 一区二区三区免费视频网站| 2021国产精品视频一区| 日本一区二区在线| 奇米精品一区二区三区在| 免费精品一区二区三区在线观看| 中文字幕一区二区三区精彩视频 | 午夜性色一区二区三区不卡视频| 中文字幕精品一区影音先锋 | 色窝窝无码一区二区三区色欲 | 日美欧韩一区二去三区| 一区二区三区四区无限乱码| 国产在线一区二区杨幂| 久久久久人妻一区精品色| 无码人妻精品一区二区三区在线| 日韩人妻无码一区二区三区综合部| 制服美女视频一区| 亚洲AV无码一区二三区| 天天爽夜夜爽人人爽一区二区| 成人精品一区二区电影| 国模视频一区二区| 一区二区三区免费视频网站| 日韩精品区一区二区三VR| 一区二区三区观看免费中文视频在线播放 | 无人码一区二区三区视频| 狠狠色综合一区二区| 精品一区二区三区波多野结衣| 天天爽夜夜爽人人爽一区二区 | 国产福利一区视频| 日韩一区二区三区在线| 动漫精品一区二区三区3d| 一区二区三区高清在线| 日韩制服国产精品一区| 人妻夜夜爽天天爽爽一区| 亚洲AV无码一区二区大桥未久| 精品国产一区二区三区在线| 无码精品人妻一区|