首页 科技周边 IT业界 用Chrome保存带宽

用Chrome保存带宽

Feb 18, 2025 am 11:52 AM

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

热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

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系统,解释
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++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教程
1666
14
CakePHP 教程
1425
52
Laravel 教程
1327
25
PHP教程
1273
29
C# 教程
1252
24
CNCF ARM64飞行员:影响和见解 CNCF ARM64飞行员:影响和见解 Apr 15, 2025 am 08:27 AM

该试点程序是CNCF(云本机计算基础),安培计算,Equinix金属和驱动的合作,简化了CNCF GitHub项目的ARM64 CI/CD。 该计划解决了安全问题和绩效

使用AWS ECS和LAMBDA的无服务器图像处理管道 使用AWS ECS和LAMBDA的无服务器图像处理管道 Apr 18, 2025 am 08:28 AM

该教程通过使用AWS服务来指导您通过构建无服务器图像处理管道。 我们将创建一个部署在ECS Fargate群集上的next.js前端,与API网关,Lambda函数,S3桶和DynamoDB进行交互。 Th

21个开发人员新闻通讯将在2025年订阅 21个开发人员新闻通讯将在2025年订阅 Apr 24, 2025 am 08:28 AM

与这些顶级开发人员新闻通讯有关最新技术趋势的了解! 这个精选的清单为每个人提供了一些东西,从AI爱好者到经验丰富的后端和前端开发人员。 选择您的收藏夹并节省时间搜索REL

CNCF触发了ARM64和X86的平台平等突破 CNCF触发了ARM64和X86的平台平等突破 May 11, 2025 am 08:27 AM

Arm64 架构开源软件的 CI/CD 难题与解决方案 在 Arm64 架构上部署开源软件需要一个强大的 CI/CD 环境。然而,Arm64 和传统 x86 处理器架构的支持水平之间存在差异,Arm64 通常处于劣势。面向多种架构的基础设施组件开发人员对工作环境有一定的期望: 一致性:跨平台使用的工具和方法保持一致,避免因采用不太流行的平台而需要改变开发流程。 性能:平台和支持机制具有良好的性能,确保在支持多个平台时部署方案不会因速度不足而受影响。 测试覆盖率:对所有平台同时进行效率、合规性和

定制电信软件的好处 定制电信软件的好处 May 11, 2025 am 08:28 AM

定制电信软件开发无疑是一项相当大的投资。然而,从长远来看,您可能会意识到,这样的项目可能更具成本效益,因为它可以像市场上任何现成的解决方案一样提高您的生产力。了解构建定制电信系统的最重要优势。 获取您所需的确切功能 您可以购买的现成电信软件有两个潜在问题。有些缺乏可能显着改善您工作效率的有用功能。有时您可以通过一些外部集成来增强它们,但这并不总是足以使它们变得出色。 其他软件功能过多,使用起来过于复杂。您可能不会使用其中的一些(永远不会!)。大量的功能通常还会增加价格。 基于您的需求

See all articles