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

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

Apr 02, 2017 am 11:13 AM
amp Google

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

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1662
14
CakePHP 教程
1418
52
Laravel 教程
1311
25
PHP教程
1261
29
C# 教程
1234
24
芝麻開門交易所網頁版登入口 最新版gateio官網入口 芝麻開門交易所網頁版登入口 最新版gateio官網入口 Mar 04, 2025 pm 11:48 PM

詳細介紹芝麻開門交易所網頁版登入口操作,含登錄步驟、找回密碼流程,還針對登錄失敗、無法打開頁面、收不到驗證碼等常見問題提供解決方法,助你順利登錄平台。

芝麻開門交易所網頁註冊鏈接 gate交易app註冊網址最新 芝麻開門交易所網頁註冊鏈接 gate交易app註冊網址最新 Feb 28, 2025 am 11:06 AM

本文詳細介紹了芝麻開門交易所(Gate.io)網頁版和Gate交易App的註冊流程。 無論是網頁註冊還是App註冊,都需要訪問官方網站或應用商店下載正版App,然後填寫用戶名、密碼、郵箱和手機號等信息,並完成郵箱或手機驗證。

加密數字資產交易APP推薦top10(2025全球排名) 加密數字資產交易APP推薦top10(2025全球排名) Mar 18, 2025 pm 12:15 PM

本文推荐十大值得关注的加密货币交易平台,涵盖币安(Binance)、OKX、Gate.io、BitFlyer、KuCoin、Bybit、Coinbase Pro、Kraken、BYDFi和XBIT去中心化交易所。这些平台在交易币种数量、交易类型、安全性、合规性、特色功能等方面各有千秋,例如币安以其全球最大的交易量和丰富的功能著称,而BitFlyer则凭借其日本金融厅牌照和高安全性吸引亚洲用户。选择合适的平台需要根据自身交易经验、风险承受能力和投资偏好进行综合考量。 希望本文能帮助您找到最适合自

歐易okex賬號怎麼註冊、使用、註銷教程 歐易okex賬號怎麼註冊、使用、註銷教程 Mar 31, 2025 pm 04:21 PM

本文詳細介紹了歐易OKEx賬號的註冊、使用和註銷流程。註冊需下載APP,輸入手機號或郵箱註冊,完成實名認證。使用方面涵蓋登錄、充值提現、交易以及安全設置等操作步驟。而註銷賬號則需要聯繫歐易OKEx客服,提供必要信息並等待處理,最終獲得賬號註銷確認。 通過本文,用戶可以輕鬆掌握歐易OKEx賬號的完整生命週期管理,安全便捷地進行數字資產交易。

芝麻開門交易平台下載手機版 gateio交易平台下載地址 芝麻開門交易平台下載手機版 gateio交易平台下載地址 Feb 28, 2025 am 10:51 AM

選擇正規渠道下載App,保障您的賬戶安全至關重要。

2025年Bitget最新下載地址:獲取官方App的步驟 2025年Bitget最新下載地址:獲取官方App的步驟 Feb 25, 2025 pm 02:54 PM

本指南提供了 Bitget 交易所官方 App 的詳細下載和安裝步驟,適用於安卓和 iOS 系統。指南整合了來自多個權威來源的信息,包括官網、App Store 和 Google Play,並強調了下載和賬戶管理過程中的注意事項。用戶可以從官方渠道下載 App,包括應用商店、官網 APK 下載和官網跳轉,並完成註冊、身份驗證和安全設置。此外,指南還涵蓋了常見問題和注意事項,例如

如何在Bitget官網註冊並下載最新App 如何在Bitget官網註冊並下載最新App Mar 05, 2025 am 07:54 AM

本指南提供了 Bitget 交易所官方 App 的詳細下載和安裝步驟,適用於安卓和 iOS 系統。指南整合了來自多個權威來源的信息,包括官網、App Store 和 Google Play,並強調了下載和賬戶管理過程中的注意事項。用戶可以從官方渠道下載 App,包括應用商店、官網 APK 下載和官網跳轉,並完成註冊、身份驗證和安全設置。此外,指南還涵蓋了常見問題和注意事項,例如

為什麼說Bittensor是AI賽道的'比特幣”? 為什麼說Bittensor是AI賽道的'比特幣”? Mar 04, 2025 pm 04:06 PM

原文標題:Bittensor=AIBitcoin?原文作者:S4mmyEth,DecentralizedAIResearch原文編譯:zhouzhou,BlockBeats編者按:本文討論了Bittensor,一個去中心化的AI平台,希望通過區塊鏈技術打破集中式AI公司的壟斷,推動開放、協作的AI生態系統。 Bittensor採用子網模型,允許不同AI解決方案的出現,並通過TAO代幣激勵創新。儘管AI市場已成熟,但Bittensor面臨競爭風險,可能會受到其他開源

See all articles