您好,登錄后才能下訂單哦!
這篇文章主要介紹了Google AMP指的是什么鬼,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
Google AMP 是什么鬼?
谷歌AMP(Accelerated Mobile Pages,加速移動頁面)是Google推出法人一種為靜態內容構建 web 頁面,提供可靠和快速的渲染,加快頁面加載的時間,特別是在移動 Web 端查看內容的時間。
AMP HTML 完全是基于現有 web 技術構建的,通過限制一些 HTML,CSS 和 JavaScript 部分來提供可靠的性能。這些限制是通過 AMP HTML 一個驗證器強制執行的。為了彌補這些限制,AMP HTML 定義了一系列超出基礎 HTML 的自定義元素來豐富內容。
從技術方面來說,采用 AMP 技術的網頁之所以可以打開的這么快,這主要得益于它剔除了網頁代碼中各種可能會拖慢速度的部分,比如第三方的腳本文件、一些 HTML 標簽、廣告追蹤器等等。
通過以上Google AMP動態效果圖的演示,大家應該都知道了,如果你知道百度MIP,那么你一定或多或少聽過谷歌AMP,畢竟百度MIP是國內版的AMP,而隨著國內兩大搜索引擎百度和搜狗加入Google AMP開源計劃,相信很快Google AMP也將走進大家的視野。
AMP的目的
AMP的目的是極大的提高mobile網頁的加載速度,從而更利于訪問者的瀏覽體驗。根據Google的統計,在移動端如果一個頁面3秒鐘還沒有完成加載,那么有90%以上的訪問者會關掉網頁或者訪問其他網頁。因此,加載時間是一個獲取有效流量非常重要的因此。但是,目前的網頁技術并不能滿足3秒完成加載這個黃金時間節點,Google端的數據顯示目前mobile頁面的平均加載時間為8秒!這意味著絕大對數網站90%以上的有效流量全部流失了!。問了能讓大多數頁面獲得盡可能更快的mobile頁面加載速度,AMP項目營運而生。
值得一提的是AMP項目最初由Google發起,但是很快得到了很多網站的相應,逐漸演變整一個在自然搜索方面影響蠻大的發展趨勢。目前華爾街時報,紐約時報,BBC等大型新聞網站都開始采用AMP技術進行Mobile網頁加速。
AMP的工作原理
AMP的工作原理簡單的可以總結為: 代碼減負+緩存預加載
網站端:完全按照AMP的規則書寫網站頁面的HTML代碼,這極大的去掉了冗余代碼的加載負擔
網站端:遵照Google AMP規則調用JS和CSS,減輕了組件的加載負擔
Google端:當頁面信息完全遵照AMP規則寫好后,提交給Google DNS,Google DNS會把這些AMP頁面信息緩存在自己的Cache服務器中(注意:是Google自己的DNS cache服務器中)
用戶端:當用戶在搜索引擎中搜索到一個AMP網頁,并點擊的時候,Google會首先調用DNS cache服務器中緩存的數據展現給訪問者,從而讓訪問者第一時間看到自己想看到的信息.
這樣AMP頁面通過頁面減負和緩存預加載的方法實現了mobile頁面加載速度的極大改進,據Google的數據顯示,能夠提高四倍的加載速度!也就是說一個頁面原來用8秒加載,AMP優化之后,只需要2秒的加載時間!這可以說是極大的改進!
AMP的組成
AMP(accelerated mobile page)在內容上由3部分組成:
AMP HTML AMP JS Google AMP Cache
AMP HTML
所謂AMP HTML其實是Google對于HTML代碼和標簽的一套新的使用規范,它大部分繼承了通用的HTML tag的使用方法,但是也有自己發明的一部分新的HTML tag的使用方法.
AMP JS
AMP JS和AMP HTML其實是相同的思路,規范了AMP頁面的JS和CSS的使用方法.
Google AMP Cache
感謝你能夠認真閱讀完這篇文章,希望小編分享的“Google AMP指的是什么鬼”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。