首頁 > web前端 > H5教程 > Google AMP 是什麼鬼?

Google AMP 是什麼鬼?

PHPz
發布: 2018-05-16 10:41:16
原創
57419 人瀏覽過

Google AMP 是什麼鬼?

GoogleAMP(Accelerated Mobile Pages,加速行動頁面)是Google推出法人一種為靜態內容建立web 頁面,提供可靠且快速的渲染,加快頁面載入的時間,特別是在移動Web 端查看內容的時間。

Google AMP 是什麼鬼?

AMP HTML 完全是基於現有 web 技術構建的,透過限制一些 HTML,CSS 和 JavaScript 部分來提供可靠的效能。這些限制是透過 AMP HTML 一個驗證器強制執行的。為了彌補這些限制,AMP HTML 定義了一系列超出基礎 HTML 的自訂元素來豐富內容。

從技術面來說,採用AMP 技術的網頁之所以可以打開的這麼快,這主要得益於它剔除了網頁代碼中各種可能會拖慢速度的部分,比如第三方的腳本檔案、一些HTML 標籤、廣告追蹤器等等。

Google AMP 是什麼鬼?

透過以上Google AMP動態效果圖的示範,大家應該都知道了,如果你知道百度MIP,那麼你一定或多或少聽過GoogleAMP,畢竟百度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伺服器中快取的資料展現給訪客,讓訪客第一時間看到自己想看到的資訊.

Google AMP 是什麼鬼?

這樣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 是什麼鬼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板