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

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

硬件:Windows系统 版本:122.0.6261.6 大小:67.90MB 语言:简体中文 评分: 发布: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 上发现任何差异。

相关阅读
谷歌浏览器摄像头权限怎么打开

谷歌浏览器摄像头权限怎么打开

谷歌浏览器摄像头权限怎么打开?接下来小编就给大家带来谷歌浏览器打开摄像头权限的方法教程,感兴趣的朋友千万不要错过了。

谷歌浏览器的主页怎么自定义设置

谷歌浏览器的主页怎么自定义设置

平时我们在使用电脑上的浏览器来搜索东西的时候,很多小伙伴都喜欢使用谷歌浏览器来进行各种内容的搜索,这是因为谷歌浏览器设计的简约、使用起来快速,所以很多小伙伴才喜欢使用他们。

2345加速浏览器页面显示不完整怎么办

2345加速浏览器页面显示不完整怎么办

我们在使用浏览器上网的时候会遇到各种各样的问题,只要是问题就会有解决的方法,我们可以按以下步骤尝试解决问题,来跟小编一起看看2345加速浏览器页面显示不完整怎么办吧。

谷歌浏览器视频缓存文件在哪

谷歌浏览器视频缓存文件在哪

谷歌浏览器视频缓存文件在哪?本篇文章就给大家带来查看谷歌浏览器视频缓存文件方法详解,有需要的朋友快来看看了解一下吧。

谷歌浏览器点击没有反应怎么回事

谷歌浏览器点击没有反应怎么回事

谷歌浏览器点击没有反应怎么回事?本篇文章就给大家带来谷歌浏览器解决点击没有反应方法教程,有需要的朋友千万不要错过了。

360挖矿防护怎么开启

360挖矿防护怎么开启

近些年,以“比特币”为首的虚拟货币,映入了大众视野,并逐渐成为焦点,于是便有很多人想从中“分一杯羹”;然而用一般的PC电脑进行挖矿,会非常损耗我们的显卡、CPU等硬件,更有甚者会通过制作恶意链接,让其他用户打开,让他人的电脑成为自己挖矿的“傀儡”。那么,作为以安全为首的360安全浏览器,它支持挖矿防护吗。

如何在 Chrome 中启用禁用过度滚动历史导航?

如何在 Chrome 中启用禁用过度滚动历史导航?

谷歌浏览器在 Windows 上集成了用于两指滚动的触摸板手势。用两根手指可以上下滚动,但该功能放弃了 Windows 触摸板的左右“双指滚动”手势,并分配这些动作来前后导航。

如何使用Chrome远程桌面获得虚拟技术支持?

如何使用Chrome远程桌面获得虚拟技术支持?

由于许多人在家工作,远离他们的IT团队,因此很难通过一条消息或视频电话来解决问题。有时,最好的选择是虚拟技术支持,但这些系统中的许多都很昂贵,需要您是企业用户或管理员才能访问它们。进入Chrome Remote Desktop,这是一个免费的基于网络的应用程序,旨在通过谷歌帐户提供和接受虚拟技术支持。以下是如何访问和使用该功能来给予和接受技术支持。

谷歌浏览器翻译显示服务器失败_谷歌浏览器翻译失败怎么办

谷歌浏览器翻译显示服务器失败_谷歌浏览器翻译失败怎么办

谷歌浏览器自带的翻译功能是十分好用的,你有没有遇到过谷歌浏览器翻译失败的情况?快来和小编一起解决吧!

谷歌浏览器的network分别是什么功能?<带你认识谷歌浏览器开发工具>

谷歌浏览器的network分别是什么功能?<带你认识谷歌浏览器开发工具>

本文旨在带大家初步认识谷歌浏览器的Network的功能,内容简单,好好学习吧!

谷歌浏览器无法连接Lync怎么办_谷歌浏览器无法连接Lync解决办法

谷歌浏览器无法连接Lync怎么办_谷歌浏览器无法连接Lync解决办法

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

谷歌浏览器提示“此网站无法提供安全连接”怎么办?<解决方法>

谷歌浏览器提示“此网站无法提供安全连接”怎么办?<解决方法>

大家在使用google浏览器查资料的时候,有没有遇到网站弹出“您与此网站之间建立的连接不安全,请勿在网站上输入任何敏感信息(例如密码或信用卡信息),因为攻击者可能会盗取这些信息”的提示,遇到这种情况其实是有方法可以解决的,下面就一起来看看具体的解决方法吧。希望能对大家有所帮助!