Google AMP 是什麼鬼？

Google AMP 是什麼鬼？

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

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

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

透過以上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伺服器中快取的資料展現給訪客，讓訪客第一時間看到自己想看到的資訊.

這樣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中文網其他相關文章！