获取HTML数据以加快页面加载速度 - Opera Turbo

Question

我在Opera上发现了一个非常酷的功能，即在网站上获取数据，它显示较低分辨率的图像以及类似的内容和页面快速加载。这对于慢速连接非常有用。

我对这个小函数的背景感兴趣，我对CSS，HTML和Javascript的基本知识我不明白如何做到这一点。任何人都可以解释它是如何工作的？

我的意思是让我们说图像，它需要首先下载图像，然后将其转换为较低分辨率的图像，那么我们在哪里“赢”时间？图像仍在下载吗？

Answer 1

不幸的是这是不平凡的为你实现你正在尝试做的。如果你看一下Opera Turbo

我们如何挤出所有速度

启用Opera Turbo时，网页会通过Opera的服务器进行压缩，以便使用比原始数据少得多的数据。这意味着下载量较少，因此您可以更快地查看自己的网页。

启用Opera Turbo就像单击Opera浏览器窗口左下角的Opera Turbo图标一样简单。当您再次进行快速连接并且不需要Opera Turbo时，Opera浏览器将自动禁用它。

---

您最好的选择是跟进How do I check connection type (WiFi/LAN/WWAN) using HTML5/JavaScript?，根据他们的连接类型，相应地加载您的图片，但请注意，连接类型无法准确让您确定他们的网络速度。设备可以在3G或LTE上，但仍然可以从其提供商处获得蹩脚的速度。

如果你真的想要实现这个功能，并且可以安全地跨浏览器工作。设备，我可以建议像Unveil这样放置lazyload插件，这些插件将有助于加载数据量。 OR 在您的网页中包含一个按钮，允许用户选择低带宽选项，就像gmail所做的那样

Answer 2

Turbo模式非常适合Opera。

简而言之，它将完整的代码和图像下载到Opera服务器，然后将它们发送给用户。 Turbo模式可以节省大量流量（最高可达80％）。 Opera然后在回答用户请求的同时解压缩数据。嗯，Turbo模式下的图像几乎没用，但是当你使用极慢的网速时，这种模式基本上都很方便。

您可以查看官方文档以查找更多信息。另外，看看我写的关于Turbo模式的旧post。在那里，您可以找到有关此主题的更多信息和有用的链接。

此外，请查看StackOverflow上opera-turbo代码here上的信息。