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

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

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

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

相关阅读
XP版谷歌浏览器怎么下载?<下载安装技巧教程>

XP版谷歌浏览器怎么下载?<下载安装技巧教程>

Google Chrome是由Google开发的一款设计简单、高效的Web浏览工具。Google Chrome浏览器可以帮助你快速、安全地搜索到自己需要的内容。

如何离线下载Chrome浏览器最新版本?

如何离线下载Chrome浏览器最新版本?

Google Chrome的插件功能非常丰富,最新版本在稳定性、速度和安全性方面都有明显提升,内存占用也有所改善。其简单高效的用户界面深受人们的喜爱。

win8.1系统下载谷歌浏览器提示“没有注册类”如何解决?

win8.1系统下载谷歌浏览器提示“没有注册类”如何解决?

现在很多用户都在用谷歌Chrome。一位win8 1系统用户下载了谷歌Chrome,安装在c盘,但打开谷歌Chrome时,弹出了“没有注册类”的提示。

安装谷歌浏览器错误代码“0x80004002”该如何解决?

安装谷歌浏览器错误代码“0x80004002”该如何解决?

不知道大家是否有在给电脑安装Google chrome浏览器时碰到不正确代码0X80004002的情况呢?如果你不知道如何解决?就来试试下面的这个方法吧

如何下载安装谷歌浏览器2022电脑最新版?

如何下载安装谷歌浏览器2022电脑最新版?

谷歌浏览器2022电脑最新版是一款专业实用的浏览器软件,软件功能齐全,浏览的速度极快,给用户带来最佳的浏览体验,实用方便、快捷、安全、无毒,用户可以轻松的使用。

谷歌浏览器无法下载未响应怎么办?

谷歌浏览器无法下载未响应怎么办?

最近很多朋友在使用Google Chrome时,反映遇到这样的情况,就是在浏览器中想下载文件时,点击下载按钮却没有反应,导致无法正常下载。

如何在谷歌浏览器中管理您保存的密码?

如何在谷歌浏览器中管理您保存的密码?

你有没有忘记密码?当然,我们都有。这就是为什么今天有各种出色的密码管理器可用的原因。但是,除了提供大量出色的扩展程序之外,Google Chrome 浏览器还配备了内置密码管理器,以方便您使用。

谷歌浏览器flash无法使用怎么办

谷歌浏览器flash无法使用怎么办

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

谷歌浏览器下载文件很慢怎么办

谷歌浏览器下载文件很慢怎么办

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

Chrome的实用小技巧<4个小技巧让你更懂chrome>

Chrome的实用小技巧<4个小技巧让你更懂chrome>

谷歌浏览器的小技巧快来掌握吧,小编这就带你了解各种谷歌浏览器的小技巧!

谷歌浏览器如何下载在线音频视频_谷歌浏览器下载视频方法

谷歌浏览器如何下载在线音频视频_谷歌浏览器下载视频方法

在网上看到了喜爱的视频却没有找到下载链接该怎么办呢,一个方法教你如何想下什么视频就下什么视频,快来学学吧!

谷歌浏览器怎么更换搜索引擎_更换搜索引擎方法

谷歌浏览器怎么更换搜索引擎_更换搜索引擎方法

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