amp

移動頁面加速技術

AMP——移動頁面加速,是由谷歌公司啟動的一個加快移動頁面載入速度的項目。

項目簡介


AMP——移動頁面加速,是由谷歌公司啟動的一個加快移動頁面載入速度的開源項目。
AMP是一個開源項目,這項技術可以讓移動端訪問頁面時載入更快。百度也啟動與其類似的的MIP計劃,並且谷歌與百度兩家公司也確實在移動頁面加速技術上達成了共識與合作。

項目發展


2021年6月,對頁面體驗排名演演算法進行重大調整,砍掉加速移動頁面 (Accelerated Mobile Pages,簡稱AMP)的權重。在核心網路指標和頁面體驗演演算法發布之後,谷歌在搜索結果、Top Stories carousel、Google News 中就不再推薦 AMP,甚至於在搜索結果中刪除 AMP徽章圖標。

核心組成


AMP的網頁有3項核心組建而成。

AMP HTML

AMP HTML 是為確保可靠性能而具有某些限制的 HTML,它進行了一些擴展,可以構建超出基本 HTML 的豐富內容。AMP HTML 本質上是使用自定義 AMP 屬性擴展的 HTML。儘管 AMP HTML 頁面中的大多數標記都是常規 HTML 標記,但部分 HTML 標記替換為了 AMP 特定標記,利用這些自定義元素(稱為 AMP HTML 組件)可以輕鬆高效地實現常見的模式。
AMP並沒有用RSS或者HTML標準,而是使用了自己優化過的HTML標準。 AMP上的HTML看起來就跟原HTML一模一樣,一點也不花俏。事實上,如果你不去看頂部的AMP項目公告的話,你根本就不知道這個網頁已經被AMP優化過,看起來就跟Web上的對應的網頁一模一樣。

AMP JS

AMP JS庫可確保快速渲染 AMP HTML 頁面。
AMP JS 庫可實現所有AMP 的最佳性能做法,管理資源載入,並提供上面提到的自定義標記,所有這些都是為了確保快速渲染頁面。
重大優化之一就是使來自外部資源的所有內容保持非同步,讓頁面中的任何內容都能毫無阻礙地渲染。
其他性能技術還包括:將所有iframe 沙盒化、載入資源之前對頁面上每個元素的布局進行預先計算,以及禁用性能緩慢的 CSS 選擇器。

AMP CACHE

Google AMP Cache提供 AMP HTML 頁面。
Google AMP Cache 是一種基於代理的內容交付網路,用於交付所有有效的 AMP 文檔。
它可提取 AMP HTML 頁面,對頁面進行緩存,並自動改進頁面性能。使用 Google AMP Cache 時,文檔、所有 JS 文件及所有圖像都從使用HTTP 2.0的同一來源載入,從而可實現最高效率。
此外,Google AMP Cache 還帶有內置驗證系統,可確認頁面能夠正常工作,並且不依賴於外部資源。
此驗證系統運行確認頁面的標記符合 AMP HTML 規範。
另一個版本的驗證器與各個 AMP 頁面捆綁提供。此版本可在頁面渲染時將驗證錯誤直接記錄到瀏覽器的控制台中,直接的展示出代碼中的複雜變化可能會對性能和用戶體驗產生怎樣的影響。