首頁 > web前端 > H5教程 > 谷歌為什麼要推出AMP計畫?

谷歌為什麼要推出AMP計畫?

PHPz
發布: 2017-04-02 11:13:05
原創
2585 人瀏覽過

Google為什麼要推出AMP計畫?

Google最近宣布名為AMP的網頁加速項目,去提高行動裝置網頁載入的速度。 AMP是一個開源項目,這項技術可以限制HTML,CSS,JavaScript中可能會影響網頁載入速度的程式碼。 谷歌表示,這項技術可以幫助Nexus 5手機在3G網路下提高網頁載入速度15%到85%。影響這個專案的技術核心是AMP HTML。這樣的內容可能會收到影響。是什麼呢?

在討論解決方法之前,花一點時間去探索問題是值得的。或者電腦上基於web進行的互動是多麼的差勁。 #第三方的干擾

谷歌為什麼要推出AMP計畫?

廣告和一些追蹤分析的技術的插入,令到頁面的體積增大,請求增多,哪怕用戶手持的是一個頻寬和CPU處理都受到了限制的裝置。的巨大減少和電池壽命的增加。但這也造成他們在手機上展示的時候帶有大量的桌面顯示資源。的,這樣子他可以在滑鼠懸停的時候展現動畫效果(基於第三方庫,意味著高開銷)——這不是經常可以在移動設備上找到資源的情況。調查(PDF, 3.4 MB),一篇文章在行動裝置上的平均載入時間為8秒。 ,這已經足夠讓你去瀏覽第二個Vine影片了。

AMP有何不同

一些介紹AMP和Facebook即時文章與蘋果新聞不同處的背景資料會指出谷歌為它的新數位出版倡議做出的決定。

Facebook即時文章和蘋果新聞有以下幾個共同點:

#app內嵌的體驗

讀者透過手機上的Facebook軟體來存取Facebook即時文章,而蘋果新聞則是採用了iOS 9中的一個完全獨立的app。這兩個平台均沒有允許用戶在app外閱讀他們的文章。你可以認為他們都是一個特製的RSS更新應用程式。

聯合驅動

然而Facebook和蘋果採用了不同的聯合格式(蘋果新聞格式是基於JOSN的,而即時文章的標記則或多或少地被HTML標記在一個RSS推送中),他們都基於一個相同的原則:哄騙內容管理系統生成必要的聯合格式,然後Facebook和蘋果就會馬不停蹄地去提取、解析,然後把它們弄得漂漂亮亮地,緊接著快速的進行自訂的渲染。

體驗導向

儘管Facebook即時文章和蘋果新聞都專注於效能,但他們同樣關注如何使文章看起來更加現代化。兩個平台均有組件容許我們打造圓滑流暢的接口,這一般都會帶來可自訂的、手工打造的的閱讀體驗。

相反的,AMP有另外的關注點:

#基於web頁面的體驗

AMP的檔案被設計成可以在瀏覽器和WebViews上渲染。

原子化的檔案

儘管AMP的檔案是需要在AMP運行時進行驗證、解析和部分渲染,但他們是在你的伺服器或CDN緩存裡完全獨立的文件,而不是一些可能會在某個點上被轉化為文章,在APP上面渲染的來源資料集。

面向效能

#

相較於互動模式或美學元素,AMP更著重於效能。這不是說AMP的文件都很小家子氣(當他們使用正確的樣式的時候,他們可以和Facebook的即時文章或者蘋果新聞那樣吸引人),但是相比於提供一些花哨的視覺效果例如瘋狂的小東西,他們更關注如何讓文章渲染的更迅速。

Google現在已經在搜尋產品上使用AMP HTML。儘管這項技術仍有一些限制,但Google表示已經有30家發行商和科技公司參與了該項目,其中包括,BBC,紐約時報,Buzzfeed。

雖然這些初始的技術參數可能會被更改,但是AMP的技術規格已經公佈在了Github上,供各網站試用。

目前Google正在努力提升其行動端的閱讀體驗。雖然這項技術還存在一些不足,但行動端擁有37%的流量,還是會吸引越來越多網站加入AMP計畫。目前百度、搜狗、雅虎已經正式支持AMP


以上是谷歌為什麼要推出AMP計畫?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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