什麼是 Google AMP 專案？
Posted: Thu Dec 26, 2024 3:55 am
2016年，Google啟動了AMP項目，旨在改善行動環境下網頁的載入。 AMP 代表加速行動頁面，是一項開源計劃，旨在改善行動裝置上的使用者體驗並支援行動網頁的設計和構思。
儘管它對任何網站都有效，但 AMP 專案旨在幫助擁有大量內容的網路空間。我們的想法是，這些包含影片、圖像、動畫、圖形或廣告的網站幾乎可以立即載入。
谷歌在與媒體、出版商和科技公司會面後，為這個計畫注入了活力。他們都有相同的目標：能夠設計整合所有類型格式的許多元素（尤其是多媒體）的網頁，但不會影響頁面的載入。因此，AMP 計畫已被《紐約時報》、《赫芬頓郵報》、BBC、BuzzFeed、La Stampa、《華盛頓郵報》或西班牙《El Mundo》、《El País》、20 分鐘或 La Vanguardia 等通訊巨頭採用。
AMP專案基於開源
程式碼
當在桌上型電腦上查看網頁時，控制網頁權重的問題很重要。但在行動裝置上就變得令人擔憂。我們不能忘記，最新數據表明，2016 年超過 50% 的網路瀏覽已經透過手機和平板電腦完成。
AMP 計畫的誕生就是為了嘗試透過攻擊兩個面向來對這個問題提供充分的回應：
加快行動網站的載入速度。
保證更好的體驗，尤其是對使用者來說，對開發者來說也是如此。
Google AMP 不僅限於作為旨在加速行動裝置上的網頁的程式碼，而且還希望成為通用程式碼。因此，所有設備都可以以同樣的方式從Google的這項舉措中受益。
因此， AMP 專案 使用以下 3 個元素來編譯靜態內容的網頁：
AMP HTML是帶有一些限制的 HTML，以提高效能，並帶有一些擴充功能來編譯基本 HTML 格式以外的豐富內容。
AMP JS庫 可確保快速渲染 AMP HTML 頁面。
提供 AMP HTML 頁面的Google AMP 快取。
AMP 如何提高頁面效能
為了加速行動裝置上網頁的效能，AMP 專案結合了一系列最佳化，包括：
僅允許異步腳本。 AMP 頁面不能包含作者 JavaScript。使用自訂 AMP 元素取代 JavaScript 來控製互動頁面的功能。
資源是靜態排序的。圖像或廣告等外部資源必須在 HTML 中調整大小，以便AMP 頁面可以在下載資源之前確定每個元素的大小和位置。因此，AMP 頁面將文件的設計與資源的設計分開。
擴充機制不允許阻塞渲染。所有使用自訂腳本的頁面都必須告訴 AMP 系統它將具有自訂標記。
第三方 JavaScript 內容被排除在關鍵路徑之外。 AMP 頁面允許第三方 JavaScript，但僅限於沙盒 iframe 中。如果僅限於 iframe，則它們無法阻止主頁運行
CSS 元素必須對齊且其大小必須受到限制。在 AMP HTML 頁面上，僅允許內嵌樣式。此外，線上樣式表的最大大小為 50 Kbs。
字體啟動必須有效。 AMP 系統聲明零 HTTP 請求，直到字型開始下載。這樣就解決了一個很常見的問題：網頁字體太大。
樣式重新計算被最小化。 在 AMP 頁面中，所有 DOM 讀取都在寫入之前進行。這確保了每幀樣式重新計算的最大值。
僅運行 GPU 加速的動畫。實現快速優化的唯一方法是在 GPU 上運行它們。因此，AMP系統只允許變換和不透明度的動畫和過渡，因此不需要頁面佈局。
資源加載優先。AMP 僅載入必要的內容並預取延遲載入資源。例如，在下載資源時，優化下載，使最重要的資源先下載。只有當使用者可能在頁面頂部看到圖像和廣告或快速捲動到它們時，才會下載圖像和廣告。
頁面立即加載。在使用者明確指定他們想要導航到某個頁面之前，可以呈現該頁面。當使用者選擇該頁面時，該頁面就可用，從而使其立即載入。
這會為編輯帶來什麼後果？
擴大機
乍一看，Google的 AMP 項目似乎對出版商完全有利。擁有一個系統，可以讓您設計和創建一個有吸引力的、重量更輕的網站，使用相同的元素並更快地吸引用戶，這似乎沒什麼值得批評的。
使用 HTML 程式碼（一種標準程式語言）呈現內容的方式不會迫使編輯人員做出太 亞塞拜然 whatsapp 數據 大改變。事實上，HTML 語言被認為是 Tim Berners Lee 於 1990 年開發的萬維網 (www)發展的關鍵原因之一。
相容性與 Google 依賴性
因此，AMP 專案不需要對目前網頁進行重大更改。 它所呈現的與所有裝置的先驗相容性似乎使 AMP 專案處於特權地位。能夠在任何裝置上擁有完美可讀的程式碼，無論其作業系統為何，都是現在的未來。
有些網站會欣賞這一優勢，因為它們沒有適合在所有裝置上閱讀的版本。事實上，網站和登陸頁面的主要問題之一是無法充分適應所有類型的裝置。
但並非所有都是正面的方面。一些編輯表示擔心，AMP 計畫只會加深許多人長期以來一直譴責的問題：對 Facebook 和 Google 等網路巨頭的依賴。這是許多媒體和用戶的普遍抱怨，他們沒有看到谷歌的舉措是沒有任何回報的。
顯然，此類項目有助於Google鞏固其市場領導地位。它不僅為用戶帶來好處，讓他們可以在手機上查看更好的網頁。他們也幫助谷歌征服新領域。
Google AMP專案的主要優勢
由於這是Google在與各大媒體溝通後推出的項目，因此大多數聲音都對AMP項目表示認可。該倡議的一些優點是：
大品牌的支持。 Google 的 AMP 專案並非源自 Google 的倡議，而是源自於協作工作。除了上述媒體實體之外，這項舉措還得到了 Twitter、Pinterest、LinkedIn 或 WordPress 等具有潛力的品牌的支持。支援和實施 AMP 專案的公司名單非常 龐大，而且還在持續成長。
編輯自主權。 作為一個開源項目，發行商不依賴單一公司。編輯者可以自由使用程式碼，從而方便他們設計和建立網站的工作。
改善網路體驗。 儘管尚未經過廣泛測試，但預計 AMP 專案可以大幅改善使用者在行動環境中的 Web 體驗。目標是找到可立即載入的網站。這是該倡議所追求的基本目標。
相容性：Google AMP 提供的廣泛相容性是其龐大的資產。任何用戶，無論平台如何，都將能夠享受其好處。似乎沒有任何設備能夠充分利用其優勢。因此，您瀏覽的行動裝置並不重要。如果該頁面使用 AMP，您將能夠享受這種體驗。
AMP項目的缺點
儘管它對任何網站都有效，但 AMP 專案旨在幫助擁有大量內容的網路空間。我們的想法是，這些包含影片、圖像、動畫、圖形或廣告的網站幾乎可以立即載入。
谷歌在與媒體、出版商和科技公司會面後，為這個計畫注入了活力。他們都有相同的目標：能夠設計整合所有類型格式的許多元素（尤其是多媒體）的網頁，但不會影響頁面的載入。因此，AMP 計畫已被《紐約時報》、《赫芬頓郵報》、BBC、BuzzFeed、La Stampa、《華盛頓郵報》或西班牙《El Mundo》、《El País》、20 分鐘或 La Vanguardia 等通訊巨頭採用。
AMP專案基於開源
程式碼
當在桌上型電腦上查看網頁時，控制網頁權重的問題很重要。但在行動裝置上就變得令人擔憂。我們不能忘記，最新數據表明，2016 年超過 50% 的網路瀏覽已經透過手機和平板電腦完成。
AMP 計畫的誕生就是為了嘗試透過攻擊兩個面向來對這個問題提供充分的回應：
加快行動網站的載入速度。
保證更好的體驗，尤其是對使用者來說，對開發者來說也是如此。
Google AMP 不僅限於作為旨在加速行動裝置上的網頁的程式碼，而且還希望成為通用程式碼。因此，所有設備都可以以同樣的方式從Google的這項舉措中受益。
因此， AMP 專案 使用以下 3 個元素來編譯靜態內容的網頁：
AMP HTML是帶有一些限制的 HTML，以提高效能，並帶有一些擴充功能來編譯基本 HTML 格式以外的豐富內容。
AMP JS庫 可確保快速渲染 AMP HTML 頁面。
提供 AMP HTML 頁面的Google AMP 快取。
AMP 如何提高頁面效能
為了加速行動裝置上網頁的效能，AMP 專案結合了一系列最佳化，包括：
僅允許異步腳本。 AMP 頁面不能包含作者 JavaScript。使用自訂 AMP 元素取代 JavaScript 來控製互動頁面的功能。
資源是靜態排序的。圖像或廣告等外部資源必須在 HTML 中調整大小，以便AMP 頁面可以在下載資源之前確定每個元素的大小和位置。因此，AMP 頁面將文件的設計與資源的設計分開。
擴充機制不允許阻塞渲染。所有使用自訂腳本的頁面都必須告訴 AMP 系統它將具有自訂標記。
第三方 JavaScript 內容被排除在關鍵路徑之外。 AMP 頁面允許第三方 JavaScript，但僅限於沙盒 iframe 中。如果僅限於 iframe，則它們無法阻止主頁運行
CSS 元素必須對齊且其大小必須受到限制。在 AMP HTML 頁面上，僅允許內嵌樣式。此外，線上樣式表的最大大小為 50 Kbs。
字體啟動必須有效。 AMP 系統聲明零 HTTP 請求，直到字型開始下載。這樣就解決了一個很常見的問題：網頁字體太大。
樣式重新計算被最小化。 在 AMP 頁面中，所有 DOM 讀取都在寫入之前進行。這確保了每幀樣式重新計算的最大值。
僅運行 GPU 加速的動畫。實現快速優化的唯一方法是在 GPU 上運行它們。因此，AMP系統只允許變換和不透明度的動畫和過渡，因此不需要頁面佈局。
資源加載優先。AMP 僅載入必要的內容並預取延遲載入資源。例如，在下載資源時，優化下載，使最重要的資源先下載。只有當使用者可能在頁面頂部看到圖像和廣告或快速捲動到它們時，才會下載圖像和廣告。
頁面立即加載。在使用者明確指定他們想要導航到某個頁面之前，可以呈現該頁面。當使用者選擇該頁面時，該頁面就可用，從而使其立即載入。
這會為編輯帶來什麼後果？
擴大機
乍一看，Google的 AMP 項目似乎對出版商完全有利。擁有一個系統，可以讓您設計和創建一個有吸引力的、重量更輕的網站，使用相同的元素並更快地吸引用戶，這似乎沒什麼值得批評的。
使用 HTML 程式碼（一種標準程式語言）呈現內容的方式不會迫使編輯人員做出太 亞塞拜然 whatsapp 數據 大改變。事實上，HTML 語言被認為是 Tim Berners Lee 於 1990 年開發的萬維網 (www)發展的關鍵原因之一。
相容性與 Google 依賴性
因此，AMP 專案不需要對目前網頁進行重大更改。 它所呈現的與所有裝置的先驗相容性似乎使 AMP 專案處於特權地位。能夠在任何裝置上擁有完美可讀的程式碼，無論其作業系統為何，都是現在的未來。
有些網站會欣賞這一優勢，因為它們沒有適合在所有裝置上閱讀的版本。事實上，網站和登陸頁面的主要問題之一是無法充分適應所有類型的裝置。
但並非所有都是正面的方面。一些編輯表示擔心，AMP 計畫只會加深許多人長期以來一直譴責的問題：對 Facebook 和 Google 等網路巨頭的依賴。這是許多媒體和用戶的普遍抱怨，他們沒有看到谷歌的舉措是沒有任何回報的。
顯然，此類項目有助於Google鞏固其市場領導地位。它不僅為用戶帶來好處，讓他們可以在手機上查看更好的網頁。他們也幫助谷歌征服新領域。
Google AMP專案的主要優勢
由於這是Google在與各大媒體溝通後推出的項目，因此大多數聲音都對AMP項目表示認可。該倡議的一些優點是：
大品牌的支持。 Google 的 AMP 專案並非源自 Google 的倡議，而是源自於協作工作。除了上述媒體實體之外，這項舉措還得到了 Twitter、Pinterest、LinkedIn 或 WordPress 等具有潛力的品牌的支持。支援和實施 AMP 專案的公司名單非常 龐大，而且還在持續成長。
編輯自主權。 作為一個開源項目，發行商不依賴單一公司。編輯者可以自由使用程式碼，從而方便他們設計和建立網站的工作。
改善網路體驗。 儘管尚未經過廣泛測試，但預計 AMP 專案可以大幅改善使用者在行動環境中的 Web 體驗。目標是找到可立即載入的網站。這是該倡議所追求的基本目標。
相容性：Google AMP 提供的廣泛相容性是其龐大的資產。任何用戶，無論平台如何，都將能夠享受其好處。似乎沒有任何設備能夠充分利用其優勢。因此，您瀏覽的行動裝置並不重要。如果該頁面使用 AMP，您將能夠享受這種體驗。
AMP項目的缺點