搜尋
首頁科技週邊IT業界用Chrome保存帶寬

Chrome的數據節省功能:顯著減少移動數據使用

Saving Bandwidth with Chrome's Data Saver

核心要點:

  • Chrome的數據節省功能通過自動壓縮、縮小和轉換圖像及其他元素來顯著減少移動數據使用,從而節省帶寬。
  • 數據節省功能的工作原理是將Chrome的網絡流量通過Google的服務器而不是用戶的設備進行傳輸,優化服務器通過HTTP/2而不是HTTP請求內容,從而減少服務器之間的往返次數,並緩存未來的資源以便即時加載。
  • 在Chrome的移動版和桌面版上啟用數據節省功能都很簡單,此功能可以使總頁面大小減少30-40%,而速度幾乎不會下降。
  • 數據節省功能的缺點包括:為了減小下載大小,可能會犧牲質量和速度;以及依賴第三方公司(Google)來尊重用戶的隱私和數據。

Saving Bandwidth with Chrome's Data Saver

隨著移動設備的重要性日益提高,你可能會認為開發者會迎合這一趨勢,創建出很棒的、低帶寬的網站,以便在您外出時快速加載。然而,事實並非如此。每年平均頁面大小/資源數量都在增加,今年也不例外,頁面大小增加了16%以上。

所有花哨的動畫、滾動元素和其他漂亮的東西最終都會導致網絡速度變慢,因為下載速度難以跟上頁面大小的增長。

如果您想加快瀏覽速度減少下載量,可以考慮使用Chrome的數據節省選項。

Chrome數據節省功能介紹

數據節省功能是Chrome的一項新功能,可以顯著減少移動數據使用量。

早在2014年,Chrome的開發者就開始研究一種實驗性的方法,通過利用他們自己的服務器和技術來自動減少頁面的總大小。這實際上與Opera多年來提供的“Turbo模式”非常相似。

您可以在移動設備(Android和iOS)上通過激活設置來啟用數據節省功能。您也可以通過安裝數據節省擴展程序在Opera的桌面瀏覽器上激活數據節省功能。

工作原理

本質上,數據節省功能將獲取網絡內容的工作轉移到Google的服務器,而不是您的設備。

當您發送請求加載您喜愛的網站時,數據節省功能會連接到Google數據中心中的一個優化服務器,並代表您提供優化的內容,而不是您的瀏覽器下載內容。下面是一個簡單的示意圖:

Saving Bandwidth with Chrome's Data Saver (圖片來自Google的博客)

數據節省功能實際作用

數據節省功能通過將Chrome的網絡流量通過Google的服務器來工作。服務器執行自動壓縮、縮小、圖像和其他元素的轉換,從而節省寶貴的帶寬。

Google實施了幾個步驟的優化過程來實現這一切。

  • 通過HTTP/2傳輸內容: 在可能的情況下,優化服務器通過HTTP/2而不是HTTP請求內容。 HTTP/2是HTTP的增強版。它只有一個協調的TCP連接,而不是幾十個連接,從而減少了傳統HTTP相關的服務器往返次數,因此可以幫助您更快地獲取內容。此外,HTTP/2可以緩存未來的資源,以便在需要時可以立即加載。

  • 圖像的自動轉換: 圖像和富媒體是下載速度最慢的組件之一。有時,單個圖像的重量可能超過幾十個腳本和样式表。使用數據節省功能,優化服務器會自動轉換為新的WebP格式。 WebP是一種新的圖像格式,支持無損(如PNG)和有損(如JPG)格式。自動轉換為WebP節省了大量的空間:平均而言,無損圖像(如PNG)轉換後大小減少了25%,有損圖像(如JPG)大小減少了34%。您可能會認為質量會反映大小,但它們之間的差異很小。 (您可以在Google開發者網站上看到比較。)

  • 根本不顯示圖像: 對於較慢的連接,Google不會優化您的圖像,而是選擇根本不發送任何圖像。頁面加載後,它會提示您選擇是否啟用圖像(然後它會獲取、壓縮並將圖像發送到瀏覽器)。默認情況下無法強制執行此操作,因此如果您使用的是不錯的3G連接——甚至是4G連接——則沒有選項可以自動選擇執行此操作(似乎取決於Google的決定)。

  • 縮小和壓縮: 優化過程的另一個部分是所有資源都將自動縮小。 Google的服務器將處理所有CSS、JS和HTML內容,並自動刪除所有空格以減小大小。它還確保所有內容都使用gzip壓縮提供(進一步加快了該過程)。

  • 更好的DNS請求: 當您的設備請求站點時,通常它必須執行DNS查找(將URL轉換為IP地址)。作為壓縮過程的一部分,Google的服務器將執行DNS請求,並從其緩存中獲取所需信息或直接獲取信息。這似乎是一個小的增強功能,但這確實有助於減少名稱解析並加快整個過程。

  • 隱私和安全流量: 需要注意的是,數據節省功能僅適用於標準HTTP流量。一旦您想通過HTTPS加載安全頁面,或者如果您使用的是隱身模式,數據節省功能將自動關閉,頁面將像往常一樣進行處理。

啟用數據節省功能

數據節省功能於2015年12月在Chrome移動設備上推出,因此您的Chrome移動版(Android和iOS)很有可能已經準備好數據節省功能。打開Chrome,然後轉到“設置”,然後是“數據節省”。就這麼簡單。

如果您使用的是Chrome桌面版,可以通過下載數據節省Chrome擴展程序來啟用數據節省功能。它是Google的官方擴展程序,一旦您運行它,您應該會看到一個漂亮的數據圖表,顯示您節省了多少數據。

Saving Bandwidth with Chrome's Data Saver

您可以使用此圖表一目了然地查看節省了多少帶寬。此外,您可以點擊“詳細信息”頁面查看每個站點的詳細數據使用情況:

Saving Bandwidth with Chrome's Data Saver

數據節省功能的實際應用

現在您已經了解了數據節省功能的作用,讓我們並排比較一些網站,看看啟用此功能後的效果。

我們感興趣的是網站的總大小、響應時間以及在此過程中是否有任何內容損壞(因為涉及自動壓縮)。

每個站點都加載了幾次,並選擇了一個合理的平均值。 (由於這些站點中的大多數都有廣告,因此每次頁面加載都會略有不同。)我們感興趣的是啟用和禁用數據節省功能時的站點平均速度和大小(禁用緩存時)。

  • SitePoint.com: 我們從自己的網站開始。查看SitePoint網站,它主要由JS文件和小型圖像組成。

    • 數據節省功能禁用:Saving Bandwidth with Chrome's Data Saver 該站點最終大小約為1.2MB,有133個請求。平均加載時間約為3秒。

    • 數據節省功能啟用:Saving Bandwidth with Chrome's Data Saver 啟用數據節省功能後,頁面大小降至約700-780KB。請求數量保持一致,但頁面加載時間延長了1秒。這裡的減少主要來自縮小JS和HTML資源。數據節省功能為我們節省了大量帶寬,只是略微延遲了。

  • web.bird.digital: 比較您自己網站上的潛在節省總是好的。此站點包含更多媒體內容,包含多個作品集圖像、大型滑塊和較小的縮略圖。

    • 數據節省功能禁用:Saving Bandwidth with Chrome's Data Saver 大約有1.2MB的數據通過63個請求下載。加載時間約為1.8-2秒。

    • 數據節省功能啟用:Saving Bandwidth with Chrome's Data Saver 啟用數據節省功能後,大小大幅下降,降至約650-700KB。大小的減少幾乎完全來自將圖像動態轉換為WebP格式。這種數據節省的代價是下載速度,平均下載時間約為0.5秒。

  • ebay.com: eBay是一個流行的拍賣網站,其主頁(未登錄時)展示了當天的一些最新交易,以及一些隨機的產品集合,分類為行動。這是另一個媒體密集型網站。

    • 數據節省功能禁用:Saving Bandwidth with Chrome's Data Saver 該站點大小約為2.4MB,有200個請求。所有這些大約需要4.5秒才能完全加載。

    • 數據節省功能啟用:Saving Bandwidth with Chrome's Data Saver 啟用數據節省功能後,頁面大小急劇下降,降至僅1.4MB。通常情況下,數據節省功能會使頁面加載速度變慢,因為它必須將所有內容都推送到Google的服務器。但是,對於eBay來說,它似乎保持不變(有時甚至更快)。這是一個非常好的例子,我們幾乎將下載大小減少了一半,而沒有任何損失。

總結

總的來說,數據節省功能是一個非常有用的功能,可以幫助每個人減少移動數據使用量。

我們已經研究了它在幾個示例站點上的工作方式。通常情況下,我們可以將總頁面大小減少30-40%,而速度幾乎不會下降。

與所有事物一樣,它也有其缺點。由於數據節省功能會進行壓縮,因此您可能會犧牲質量和速度以換取較小的下載大小。同樣值得一提的是,在使用數據節省功能時,您依賴於第三方公司(Google)來尊重您的隱私和數據。

因此,最終您需要嘗試使用數據節省功能才能確定它是否適合您。如果您已經嘗試過,請在評論中告訴我們您的想法。

Chrome數據節省功能常見問題解答 (FAQs)

  • Chrome的數據節省功能如何工作? Chrome的數據節省功能有助於用戶在瀏覽時減少數據使用量。它的工作原理是在下載數據之前壓縮設備接收到的數據。這意味著使用較少的數據來加載網頁,如果您使用的是有限的數據套餐或處於互聯網速度較慢的區域,這將特別有用。

  • 如何啟用Chrome的數據節省功能? 要啟用Chrome的數據節省功能,您需要轉到Chrome瀏覽器中的設置菜單。從那裡,導航到“高級”部分,然後是“隱私和安全”。在這裡,您會找到啟用數據節省功能的選項。

  • 我可以在所有網站上使用Chrome的數據節省功能嗎? 雖然Chrome的數據節省功能可以在大多數網站上使用,但也有一些例外。例如,它不適用於使用HTTPS或隱身模式的網站。這是因為這些網站需要安全連接,而數據節省功能無法提供。

  • Chrome的數據節省功能會影響圖像和視頻的質量嗎? 是的,啟用Chrome的數據節省功能可能會影響網頁上圖像和視頻的質量。這是因為該功能會壓縮數據,這可能會導致圖像和視頻的分辨率降低。但是,對質量的總體影響通常很小,在許多情況下可能不會被注意到。

  • 我可以在我的移動設備上使用Chrome的數據節省功能嗎? 是的,Chrome的數據節省功能可在Chrome瀏覽器的桌面版和移動版上使用。要在移動設備上啟用它,請轉到Chrome應用程序中的設置菜單,然後導航到“數據節省”並將其打開。

  • Chrome的數據節省功能是否適用於其他瀏覽器? 不,Chrome的數據節省功能是Chrome瀏覽器的獨有功能。它不適用於其他瀏覽器,如Firefox或Safari。

  • 我可以選擇在哪些網站上使用數據節省功能嗎? 目前,Chrome的數據節省功能適用於您訪問的所有網站(啟用時)。沒有選項可以選擇要使用它的特定網站。

  • Chrome的數據節省功能是否保護我的隱私? 雖然Chrome的數據節省功能可以幫助減少數據使用量,但它不會提供任何額外的隱私保護。您的瀏覽數據仍然對網站和您的互聯網服務提供商可見。

  • 如果我不需要,我可以禁用Chrome的數據節省功能嗎? 是的,您可以隨時禁用Chrome的數據節省功能。只需轉到Chrome瀏覽器中的設置菜單,導航到“隱私和安全”,然後關閉數據節省功能即可。

  • Chrome的數據節省功能是否在所有國家/地區都有效? 是的,Chrome的數據節省功能在全球範圍內可用。但是,數據節省的有效性可能會因您的位置和互聯網連接質量而異。

以上是用Chrome保存帶寬的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
21個開發人員新聞通訊將在2025年訂閱21個開發人員新聞通訊將在2025年訂閱Apr 24, 2025 am 08:28 AM

與這些頂級開發人員新聞通訊有關最新技術趨勢的了解! 這個精選的清單為每個人提供了一些東西,從AI愛好者到經驗豐富的後端和前端開發人員。 選擇您的收藏夾並節省時間搜索REL

使用AWS ECS和LAMBDA的無服務器圖像處理管道使用AWS ECS和LAMBDA的無服務器圖像處理管道Apr 18, 2025 am 08:28 AM

該教程通過使用AWS服務來指導您通過構建無服務器圖像處理管道。 我們將創建一個部署在ECS Fargate群集上的next.js前端,與API網關,Lambda函數,S3桶和DynamoDB進行交互。 Th

CNCF ARM64飛行員:影響和見解CNCF ARM64飛行員:影響和見解Apr 15, 2025 am 08:27 AM

該試點程序是CNCF(雲本機計算基礎),安培計算,Equinix金屬和驅動的合作,簡化了CNCF GitHub項目的ARM64 CI/CD。 該計劃解決了安全問題和績效

See all articles

熱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

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

熱工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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