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

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

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

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

硬件:安卓系统 版本: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 上发现任何差异。

相关阅读
谷歌浏览器下载了以后不能用怎么办

谷歌浏览器下载了以后不能用怎么办

我们下载了谷歌浏览器Google Chrome之后,就无法使用了。这是怎么回事,该怎么解决呢?

如何在 MacBook 安装 Chrome 浏览器?

如何在 MacBook 安装 Chrome 浏览器?

Mac自带的Safari浏览器虽然很不错,但是和很多网站不兼容。所以,你还是需要安装Chrome浏览器。

如何解决 Win10 下谷歌浏览器升级失败提示错误代码0x00000的问题?

如何解决 Win10 下谷歌浏览器升级失败提示错误代码0x00000的问题?

Windows S10正式版自带edge浏览器,但很多用户更喜欢使用功能更强大的第三方浏览器,比如谷歌Chrome。

如何在 Windows上安装并行运行 Chrome 稳定版、测试版和开发版?

如何在 Windows上安装并行运行 Chrome 稳定版、测试版和开发版?

到目前为止,在 Windows 上使用的 Chrome 无法同时使用 Chrome 稳定版和浏览器的预发布版本之一。随着谷歌解除限制,这随着今天的公告而改变。这意味着现在可以在 Windows 上安装和运行 Chrome 稳定版和预发布版的 Chrome。

怎么在一台电脑上安装多版本的谷歌浏览器

怎么在一台电脑上安装多版本的谷歌浏览器

你有没有想要知道的谷歌浏览器使用技巧呢呢,你知道怎么在一台电脑上安装多版本的谷歌浏览器吗?来了解怎么在一台电脑上安装多版本的谷歌浏览器的具体步骤

如何在基本操作系统上安装 Google Chrome?

如何在基本操作系统上安装 Google Chrome?

Web 浏览器是任何操作系统的重要应用程序。不是因为我真的需要它来工作,而是我们实际上花在它上面的时间比花在另一个应用程序上的时间要多。这主要是因为互联网是人们工作、娱乐和休闲的参考。此外,许多工作是通过互联网完成的,因此,网络浏览器是强制性的。

当 Chrome 根本无法工作时该怎么办?

当 Chrome 根本无法工作时该怎么办?

有几次,您可能会遇到类似 Chrome 无法正常工作的问题。您无法使用浏览器完成工作,因为打不开网页、反复挂起,打开速度很慢。通常,您会清除浏览数据,然后重置它,但它们不会提供预期的结果。因此,您决定卸载它并安装,希望新文件能够正常运行。但结果却相反。无论你怎么努力,Chrome都会再次以同样的方式运行。

如何备份谷歌浏览器的书签_谷歌浏览器怎么备份书签

如何备份谷歌浏览器的书签_谷歌浏览器怎么备份书签

如何备份谷歌浏览器的书签,总有一天会用得到的,来和小编一起学习吧

如何增强谷歌浏览器的安全性?

如何增强谷歌浏览器的安全性?

数百万人使用谷歌浏览器作为他们的默认互联网浏览器,因为它提供了出色的性能,与谷歌账户的无缝同步,庞大的扩展库,当然,还有最新的安全性。如此庞大的用户群,谷歌不能掉以轻心,所以会尽快修复安全漏洞。虽然谷歌会密切关注更大的安全问题,但用户也有责任获得安全的互联网浏览体验负。谷歌有一些内置的设置和功能,用户可以利用这些设置和功能来显著增强谷歌的安全性。

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

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

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

如何修复谷歌浏览器的字体看起来不正常

如何修复谷歌浏览器的字体看起来不正常

前几天,当我在一台新的 Windows 上安装 Google Chrome Canary 时,我立即注意到该字体在浏览器界面和我在浏览器中打开的网站上看起来不对劲。

如何在 Chrome Windows 和 Mac 中禁用隐身模式?

如何在 Chrome Windows 和 Mac 中禁用隐身模式?

浏览器允许以两种不同的模式上网。一种是正常模式,浏览器将记录所有浏览历史记录以加快您的活动。二是不记录历史的私有模式。私人模式将帮助您保持浏览器清洁,并且不会在您的历史记录中留下任何痕迹。