如何在谷歌浏览器中启用图像延迟加载?

 发布时间:2022-05-31  91 来源:谷歌浏览器官网
谷歌浏览器电脑版 谷歌浏览器电脑版

硬件:Windows系统 版本:122.0.6261.6 大小:66.69MB 语言:简体中文 评分: 发布:2023-07-23 更新:2024-05-28 厂商:谷歌信息技术(中国)有限公司

谷歌浏览器安卓版 谷歌浏览器安卓版

硬件:安卓系统 版本:107.0.5304.105 大小:218.98MB 语言:简体中文 评分: 发布:2022-08-18 更新:2024-03-12 厂商:Google Inc.

谷歌浏览器苹果版 谷歌浏览器苹果版

硬件:苹果系统 版本:122.0.6261.89 大小:198.4 MB 语言:简体中文 评分: 发布:2022-01-23 更新:2024-03-12 厂商:Google LLC

       延迟加载是仅在查看之前加载媒体文件(如图像)的功能。通常,当您打开网页时,浏览器会尝试从服务器获取全部内容。大图像很容易消耗高带宽,尤其是在移动设备上。但是,如果它们位于页面底部并且您根本没有查看它们,那么这显然是一种资源浪费,并且您需要为消耗互联网带宽而付出代价。目前网站所有者可以在他们的网站上启用图像延迟加载以提高页面加载速度。谷歌浏览器通过在金丝雀版本中引入延迟加载将此功能提升到一个新的水平。

如何在谷歌浏览器中启用图像延迟加载?

  折叠上方和下方

  在我们讨论启用延迟加载之前,您需要了解首屏的含义。当您打开网页时,在浏览器窗口中看到的不滚动内容位于首屏内容之上。这对于吸引和留住类似于报纸内容的用户至关重要。

  仅通过滚动才能看到的屏幕下方的剩余内容位于折叠内容下方。在首屏内容的加载过程中,首屏下的图片部分不一定要加载。这是合乎逻辑的,也有助于提高首屏内容的加载速度。

  折叠内容下方的图像可以在您向下滚动时加载。通过这种方式,您会注意到整体速度的提高。

  如何在谷歌浏览器中启用图像延迟加载?

  目前,Google 正在尝试将图像延迟加载作为一项实验性功能。所以这在普通的谷歌 Chrome 浏览器上是不可用的。您需要安装 Chrome 金丝雀版本才能签出。

  安装 Chrome 金丝雀

  谷歌有多个 Chrome 浏览器版本。Canary 是一个夜间构建版本,供开发人员提前测试功能。谷歌几乎每晚都会在金丝雀版本上发布更新。前往官方网站,在您的计算机上下载并安装 Chrome canary。

  在 Google Chrome 中启用图像延迟加载

  打开 Chrome 金丝雀浏览器并转到命令 URL 'chrome://flags' URL。您将看到如下所示的警告,表明实验性功能可能会影响稳定性。由于它已经是开发人员版本,因此您无需担心该警告。

  搜索“lazy”,您将看到两个标志,

  #enable-lazy-image-loading - 仅当您滚动靠近它们时才加载图像。

  #enable-lazy-frame-loading - 仅当滚动靠近它们时才加载框架内的内容。延迟帧加载已作为普通 Google Chrome 中的实验性功能提供。

  通过从下拉列表中选择“启用”选项来启用延迟图像加载标志。单击“立即重新启动”按钮关闭并重新打开浏览器窗口。

  测试延迟加载

  现在打开几个网页并将它们向下滚动。正常滚动时,您可能看不到任何区别。如果您滚动得非常快,您将看到 Chrome 加载图像占位符,然后在您滚动靠近它时看到图像。占位符图像将如下所示,表明在浏览器上启用了延迟加载。

  延迟加载如何在 Chrome 上运行?

   基本上,Chrome 会使用 JavaScript 来检查图像是否在浏览器的视口中。如果没有,那么它将为视口之外的所有图像加载占位符。当您向下滚动时,将加载真实图像以替换占位符图像。

  如果网站所有者已经在服务器级别启用了延迟加载,那么即使启用延迟加载标志,您也不会在 Chrome 上发现任何差异。

相关阅读
360浏览器超级拖拽怎么操作

360浏览器超级拖拽怎么操作

所谓360浏览器的超级拖拽,就是我们通过拖拽-撒放页面链接,实现快速在新标签页中打开链接的操作,具体操作方式是我们点击拖拽要打开的链接,拽出来后撒手即可在新标签页中打开该链接,这可以让我们的操作更加方便。

谷歌浏览器怎么设置不显示图片

谷歌浏览器怎么设置不显示图片

谷歌浏览器怎么设置不显示图片?如果你想要知道具体的开启方法,可以继续阅读谷歌浏览器开启无图浏览器模式图文教程​的相关内容。

谷歌浏览器怎么设置每次打开都是新的窗口

谷歌浏览器怎么设置每次打开都是新的窗口

谷歌浏览器怎么设置每次打开都是新的窗口?下面就让小编给大家介绍谷歌浏览器设置打开就是新窗口教程,希望本篇文章能够帮到大家。

怎样在360浏览器安装插件

怎样在360浏览器安装插件

浏览器中很多的功能都是借助拓展插件来完成的,这些插件可以是我们自己下载的,也会有一些浏览器中会提供扩展下载中心,像我们常用的360浏览器中就有这个功能。

QQ浏览器怎么关闭窗口拦截功能

QQ浏览器怎么关闭窗口拦截功能

大多数浏览器网页在使用时会推送广告,所以很多用户会选择开启广告拦截功能,浏览器也会默认开启拦截功能。但是开启了广告拦截或者是弹窗拦截,在使用一些需要用到弹出窗口的网站,比如验证码效验时,弹出窗口也会被一同拦截下来,这就需要我们手动关闭拦截窗口功能。

搜狗浏览器设置兼容性站点

搜狗浏览器设置兼容性站点

搜狗浏览器怎么添加兼容网站?有时候,我们在访问网页时,可能会碰到网页无法打开的情况, 浏览器 会提示我们发现的问题,比如说提示为不安全站点。

谷歌浏览器如何不再显示本页包含不安全内容的提示?

谷歌浏览器如何不再显示本页包含不安全内容的提示?

你有没有想要知道的谷歌浏览器使用技巧呢呢,你知道谷歌浏览器如何不再显示本页包含不安全内容的提示吗?来了解谷歌浏览器不再显示本页包含不安全内容的提示的具体步骤,大家可以学习一下。

如何直接从 Chrome 地址栏搜索 Google Drive 文件?

如何直接从 Chrome 地址栏搜索 Google Drive 文件?

需要快速查找 Google Drive 文件?以下是设置 Chrome 以直接从地址栏搜索您的方法。

谷歌浏览器怎么防关联-谷歌浏览器防关联的具体步骤分享

谷歌浏览器怎么防关联-谷歌浏览器防关联的具体步骤分享

你有没有想要知道的谷歌浏览器使用技巧呢,你知道谷歌浏览器要怎么防关联吗?来了解谷歌浏览器防关联的具体步骤,大家可以学习一下。

如何在 Chrome 浏览器中将网页另存为 PDF?

如何在 Chrome 浏览器中将网页另存为 PDF?

Google Chrome 网络浏览器有大量的内置工具。其中一些您可能知道,但您可能不知道触手可及的其他一些。看,Chrome 不仅包括安装有价值的扩展程序并使事情变得更容易的能力,而且还允许您在 Chrome 中直接将页面保存为 PDF 文件。

如何修复Chrome 标签页保持自动刷新?<解决方法>

如何修复Chrome 标签页保持自动刷新?<解决方法>

自动刷新在最好的时候很烦人,但如果无人看管,它会严重破坏您的工作流程。

如何在谷歌浏览器中阻止网页图像

如何在谷歌浏览器中阻止网页图像

如果 Chrome 因加载图像所需的时间太长而运行缓慢,以下是在浏览器中阻止网页图像的方法。Google Chrome 是大多数用户的首选浏览器。有几种方法可以使用该浏览器的选项和扩展程序阻止页面上的图像。