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

更新时间:2022-05-31 126 来源:克罗米部落
正文介绍

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

1

  折叠上方和下方

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

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

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

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

  目前,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 上发现任何差异。

相关阅读
什么是Chrome金丝雀版?有什么优势?

什么是Chrome金丝雀版?有什么优势?

Chrome有很多你可能不知道的功能,所有最新的东西都在Chrome频道的金丝雀里。“什么是渠道?”你问?别担心,我会把它全部分解给你。

下载谷歌浏览器时无法访问网页怎么办?

下载谷歌浏览器时无法访问网页怎么办?

你有没有在使用谷歌浏览器的时候遇到各种问题呢,你知道谷歌浏览器下载谷歌浏览器时无法访问网页是怎么回事呢?来了解谷歌浏览器下载谷歌浏览器时无法访问网页的解决方法,大家可以学习一下。

win10安装chrome浏览器出现搜索无法访问怎么办?

win10安装chrome浏览器出现搜索无法访问怎么办?

许多用户在日常工作中经常需要打开Google搜索引擎来访问一些信息。然而,最近一些Windows S10用户反映,他们打开谷歌搜索时无法访问它。

谷歌浏览器提示“无法安全下载”怎么办?<解决方法>

谷歌浏览器提示“无法安全下载”怎么办?<解决方法>

当我们在使用google Chrome浏览网页时,经常会遇到一些故障。例如,当一些用户使用谷歌浏览器浏览网页下载文件时,经常会被提示“无法安全地下载”问题。

Win7系统谷歌浏览器无法下载文件怎么办?<解决方法>

Win7系统谷歌浏览器无法下载文件怎么办?<解决方法>

谷歌浏览器,又称Google浏览器、Chrome浏览器,是谷歌Google推出的一款强大好用的基于Chromium内核的网页浏览器。

如何在谷歌浏览器中打开阅读清单

如何在谷歌浏览器中打开阅读清单

如何在谷歌浏览器中打开阅读清单?下面就让小编给大家带来谷歌浏览器打开阅读清单详细教程,有需要的朋友快来看看了解一下吧。

如何关闭 Chrome 烦人的标签组

如何关闭 Chrome 烦人的标签组

约一个月前,Chromium 存储库的用户对 Android 版 Chrome 中的标签组发起了一场非常礼貌的反抗,宣称他们更喜欢直接在新标签中打开选定链接的选项。

修复 Google Chrome 中的隧道连接失败错误!

修复 Google Chrome 中的隧道连接失败错误!

谷歌浏览器是一种流行的浏览器;但是,它会在显示屏上显示许多技术错误。主要浏览互联网以获取信息的最终用户很难理解这些错误。

如何使用键盘在谷歌浏览器中导航标签?

如何使用键盘在谷歌浏览器中导航标签?

在浏览器的地址栏中显示选项卡时,大多数基于 Chromium 的 Web 浏览器都遵循默认设计。您在浏览器中打开的选项卡越多,浏览器就会减小选项卡图标的大小,但最终会达到临界点。

谷歌浏览器提示你的连接不是私密连接该怎么解决?

谷歌浏览器提示你的连接不是私密连接该怎么解决?

google浏览器是现在最受广大用户喜爱,使用率最高的一款网页浏览器。不过,最近有用户反应在互联网手机扫码继续观看,很多小伙伴都在使用谷歌浏览器的时候提示了你的连接不是私密连接,这是怎么回事?该如何处理呢?今天小编就为大家带来了关于谷歌浏览器提示您的连接不是私密连接的具体解决方法。

通过 4 个快速步骤清除 Chrome 缓存!

通过 4 个快速步骤清除 Chrome 缓存!

想清除 Chrome 中的缓存吗?跟着这些步骤。一起来看看吧。

如何使用 Google Drive 在 Gmail 上共享大文件?

如何使用 Google Drive 在 Gmail 上共享大文件?

最近,Gmail 界面发生了重大变化。您见证了在 Gmail 界面中撰写、回复或转发邮件等操作的新弹出窗口。用户接受这些更改并且也在寻找下一个更改。Google Drive 与 Gmail 撰写窗口集成在一起。这种集成使您能够轻松地在 Gmail 中共享更大的文件