手机浏览器是如何节省流量的?

很多浏览器都有一个节省流量的功能,例如UC可以通过设置节省流量上网。它们是怎么实现的呢?其实是通过将浏览器请求的内容发送给自家的服务器,自家服务器从源地址请求内容,得到内容后压缩,再发送响应给运营商(下载通道),然后再到手机端。

使用数据压缩功能并不会太多的影响用户体验,事实上,使用数据压缩功能后打开的网页和不使用数据压缩功能打开的网页几乎可以说是一模一样的,而使用这个功能这可以帮我们省下一笔可观流量费用。

为什么可以节省流量

当你在手机用普通浏览器通过运营商网络上网时,浏览器会和网页服务器取得联系,然后进行数据请求,服务器再根据请求的内容向手机返还数据,这个过程和用WiFi上网的过程是一样的。区别在于,你通过运营商上网时,运营商就像一个大桥的收费站,在你和网站服务器之间记录数据流量,再根据流量来收取费用。

但当你启用了Chrome的数据压缩功能,或者是Opera的越野模式(Off-Road)——之前也曾被称为Turbo模式——那么情况就变得不一样了。这时当你打开一个网页时,浏览器首先会把数据请求发送给Google或者Opera自家的服务器,然后服务器在根据请求的内容下载你所需要的数据,包括图片,以及其他的内容。接着浏览器的服务器会帮你把数据进行压缩,来减少网页所需要数据量,最后再把压缩后的数据通过运营商网络传送到你手机。简单来说,就是浏览器服务器作为一个数据压缩的代理。这就是节省手机上网流量的好办法之一。

数据压缩很主要的一方面是对网页照片的压缩,因为你在移动端看图片是不需要达到PC端那么高的分辨率的,因此把图片进行压缩,保留适当的细节就可以了,一方面可以节省流量,而同时也可以加快加载速度。

表现如何?隐私问题?

如果你本来手机上网速度就比较快,使用数据压缩功能可能会减慢你的上网速度,因为网站服务器并不是直接和你手机进行联系,要等待数据压缩代理。但是反过来如果你手机上网速度比较慢,那么由于数据经过压缩,数据量减少,则可以缩短页面的加载时间。

此外,使用数据压缩功能还会涉及到隐私的问题,因为你浏览的每一个页面都是要先通过Google或Opera的服务器。不过说实在,这并不是什么大问题啦,要知道你的手机运营商,互联网运营商,以及世界各地的各种情报机构都可以获取你的网页浏览信息。这还没完,如果你本来就用使用Chrome和Opera的同步功能,那么,你的上网的历史记录本来就是上传到云端,Google他们并没有通过数据压缩这个途径获取你更多的私人信息——他们已经获取过了——简单来说,我们已经泥足深陷,既然我们的网络隐私已经暴露,为什么不干脆使用数据压缩功能,从中获取点好处呢?

也许你会问,那我用数据压缩功能上网银什么的,还安全吗?当然你还是安全的,因为当我们浏览Https的网页时,例如网上银行等。Chrome不会再通过Google服务器来获取数据,而是直接与网站的服务器进行联系。因此你的私密信息并不会通过Google代理,所以你还是安全的。同样的,如果你使用Chrome的隐身模式,数据压缩功能也回被停用。

如何启用数据压缩

要在Android、iPhone、iPad上启用Chrome的数据压缩功能很简单,选择Chrome的“菜单”,选择“设置”,在“高级设置”里选择“带宽设置”,打开“减少数据用量”,这样就完成了。

打开Opera的越野模式(Off-Road)的方法就更简单了,打开O菜单,就可以看到Off-Road的选项,你可以直接选择打开或者关闭。这样的设计可以让你方便选择不同的上网模式,例如说当你用WiFi上网时可以把Off-Road关闭,而用手机运营商网络时可以打开Off-Road。此外在Opera中你还可以设定在Off-Road模式中图片的压缩比例,选择更高的压缩比例可以给你节省更多的流量,不过图片的质量自然就会随之而下降啦。

在桌面端的Opera浏览器也有Off-Road模式,所以当你使用手提电脑,链接手机上网时,也可以打开此功能来节省网络数据费用。

看看省了多少流量

当你使用数据压缩功能一段时间后,你可以就可以通过上述的步骤来看浏览器到底帮你省了多少流量,这时候你就可以感受到这个功能确实有“钱”途。

在“一寸字节一寸金”的世道,数据压缩功能简直就是我们的大救星,但是话又说回来,如果你用LTE这样的快速的网络接口上网,而且你又有流量包月,那么关闭数据压缩可以让你有更快,更好的上网体验。


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流