如何在谷歌浏览器中启用图像延迟加载?
正文介绍
延迟加载是仅在查看之前加载媒体文件(如图像)的功能。通常,当您打开网页时,浏览器会尝试从服务器获取全部内容。大图像很容易消耗高带宽,尤其是在移动设备上。但是,如果它们位于页面底部并且您根本没有查看它们,那么这显然是一种资源浪费,并且您需要为消耗互联网带宽而付出代价。目前网站所有者可以在他们的网站上启用图像延迟加载以提高页面加载速度。谷歌浏览器通过在金丝雀版本中引入延迟加载将此功能提升到一个新的水平。
折叠上方和下方
在我们讨论启用延迟加载之前,您需要了解首屏的含义。当您打开网页时,在浏览器窗口中看到的不滚动内容位于首屏内容之上。这对于吸引和留住类似于报纸内容的用户至关重要。
仅通过滚动才能看到的屏幕下方的剩余内容位于折叠内容下方。在首屏内容的加载过程中,首屏下的图片部分不一定要加载。这是合乎逻辑的,也有助于提高首屏内容的加载速度。
折叠内容下方的图像可以在您向下滚动时加载。通过这种方式,您会注意到整体速度的提高。
如何在谷歌浏览器中启用图像延迟加载?
目前,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 上发现任何差异。
相关下载
![谷歌浏览器电脑版](/uploadfile/2024/0312/20240312045810556.png)
硬件:Windows系统 版本:122.0.6261.6 大小:66.69MB 语言:简体中文 评分: 发布:2023-07-23 更新:2024-05-28 厂商:谷歌信息技术(中国)有限公司
相关下载
![谷歌浏览器安卓版](/uploadfile/2024/0312/20240312045810556.png)
硬件:安卓系统 版本:107.0.5304.105 大小:218.98MB 语言:简体中文 评分: 发布:2022-08-18 更新:2024-08-30 厂商:Google Inc.
相关下载
![谷歌浏览器苹果版](/uploadfile/2024/0312/20240312045810556.png)
硬件:苹果系统 版本:122.0.6261.89 大小:200.4MB 语言:简体中文 评分: 发布:2022-01-23 更新:2024-03-12 厂商:Google LLC
跳转至官网
相关阅读
![火狐浏览器如何设置中文](/uploadfile/20221013/1665630009551563.jpeg)
火狐浏览器如何设置中文
非常多的小伙伴都下载使用了火狐浏览器,但有的小伙伴安装好的火狐浏览器默认语言为英文,这样就给日常生活和工作带来了一些不便。
![猎豹浏览器电脑版怎么下载](/uploadfile/2022/1028/20221028114626265.png)
猎豹浏览器电脑版怎么下载
猎豹浏览器还拥有Chromium和IE内核,最大程度地保证网页可以正常打开。那么,就是这样一款优秀的浏览器,我们该如何下载它呢?
![2345加速浏览器有无痕窗口吗](/uploadfile/20221013/1665630784442824.png)
2345加速浏览器有无痕窗口吗
在我们使用浏览器上网时,除了会访问百度、京东、知乎这样的常见网站之外,还会访问一些涉及秘密的网站,在访问这些网站时,就需要有无痕窗口来保护上网隐私安全。
![chrome浏览器怎样禁止弹窗](/uploadfile/2024/0527/20240527030915310.png)
chrome浏览器怎样禁止弹窗
chrome浏览器怎样禁止弹窗?接下来就让小编给大家带来chrome浏览器设置不允许弹窗方法技巧,有需要的朋友赶紧来看看吧。
![谷歌浏览器怎么删除证书](/uploadfile/2023/1130/20231130110231630.png)
谷歌浏览器怎么删除证书
谷歌浏览器怎么删除证书?不妨来继续阅读小编总结的谷歌浏览器删除不需要的证书步骤介绍,能够帮助用户顺利删除不用的证书。
![电脑版uc浏览器怎么样](/uploadfile/2022/1110/20221110041437335.jpeg)
电脑版uc浏览器怎么样
uc浏览器电脑版是UC优视全新推出的PC端电脑版的uc浏览器,uc浏览器电脑版是基于Chrome的浏览器,具备大多数浏览器标配的功能,比如无痕浏览、浏览加速、鼠标手势、老板键、广告拦截(支持订阅过滤规则)等,UC浏览器电脑版跟很多Chrome内核的浏览器一样,具有自己的应用商店。
![如何在 Chrome 中单击下载 PDF 文件?](/uploadfile/20220609/1654753282365078.jpg)
如何在 Chrome 中单击下载 PDF 文件?
如何在Chrome中单击下载PDF文件?想要在 Chrome 中下载新的 PDF 而不是打开它们?翻转此设置将实现这一点。
![如何访问 Chrome Beta?访问 Chrome Beta 操作技巧](/uploadfile/2022/0511/20220511103933529.jpg)
如何访问 Chrome Beta?访问 Chrome Beta 操作技巧
Google Chrome 有四个发布渠道:Stable、Beta、Dev 和 Canary。Google Chrome 有四个发布渠道:Stable、Beta、Dev 和 Canary。
![Chrome浏览器提示无法安全地下载怎么办?<解决方法>](/uploadfile/2022/0622/20220622114839894.jpg)
Chrome浏览器提示无法安全地下载怎么办?<解决方法>
Google chrome是一款快速、安全且免费的网络浏览器,能很好地满足新型网站对浏览器的要求。Google Chrome的特点是简洁、快速。
![如何开启chrome多线程下载选项让你的下载速度提升10倍?](/uploadfile/2022/0615/20220615104149670.jpg)
如何开启chrome多线程下载选项让你的下载速度提升10倍?
很多经常下载文件的用户可以安装迅雷或IDM等专用工具,接管谷歌Chrome或其他浏览器的默认下载工具。
![如何下载 Mac 版 Chrome](/uploadfile/2022/0516/20220516104508417.jpg)
如何下载 Mac 版 Chrome
如何下载 Mac 版 Chrome?想在您的 Mac 上试用 Google Chrome?这是下载它的方法。
![如何停止谷歌chrome浏览器更新?<解决方法>](/uploadfile/2022/0621/20220621021048812.jpg)
如何停止谷歌chrome浏览器更新?<解决方法>
谷歌chrome更新非常频繁,以下是停止更新的方法。在线停止更新的方法有很多,但是Google chrome更新很顽固即使服务停止,更新仍在进行。
![如何在Chrome书签栏添加自定义按钮?](/uploadfile/2022/0530/20220530050001341.jpg)
如何在Chrome书签栏添加自定义按钮?
书签是一种无需记住URL就能访问网页的简单方法。然而,许多人对Chrome的书签栏感到恼火,因为默认情况下你无法隐藏它。Chrome允许你隐藏书签栏仅当您在该标签中打开了网页时。可以使用Windows中的键盘快捷键“Control + Shift + B”和Mac中的“Command + Shift + B”来隐藏书签栏。
![如何在 Google Chrome 中启用屏幕截图编辑器?](/uploadfile/2022/0524/20220524095226764.jpg)
如何在 Google Chrome 中启用屏幕截图编辑器?
Google Chrome 的开发团队正在努力将屏幕截图编辑器添加到浏览器内的屏幕截图工具中。该功能已经存在于 Chrome 的 Canary 版本中,但隐藏在功能标志后面。
![如何在 Google Chrome 中启用 Windows 操作系统拼写检查器?](/uploadfile/2022/0527/20220527024348835.jpg)
如何在 Google Chrome 中启用 Windows 操作系统拼写检查器?
微软团队积极尝试开发 Chromium 项目,以提升整体浏览体验。开发者通过插入Windows自己的软件,为你提供了在谷歌Chrome中启用Windows操作系统拼写检查器的能力。该功能目前仅在某些浏览器的开发版本中可用。
![如何在Linux操作系统(Wayland)上修复Google Chrome黑屏](/uploadfile/2022/0428/20220428092614640.png)
如何在Linux操作系统(Wayland)上修复Google Chrome黑屏
本篇文章给大家详细介绍了在Linux操作系统(Wayland)上修复Google Chrome黑屏的详细操作方法。
![如何修复验证码图片不显示在谷歌浏览器](/uploadfile/2022/0530/20220530040548337.png)
如何修复验证码图片不显示在谷歌浏览器
向网站表单添加验证码保护有不同的方法。使用PHP脚本添加自动生成的图像或数学问题是一种简单的方法。另一方面,最受欢迎的Google reCAPTCHA有助于保护您的表单免受垃圾邮件发送者和机器人的攻击。您可以显示一个复选框供用户选择,谷歌将自动显示图像验证时,检测到可疑的活动。
![带你认识谷歌浏览器的调试工具!<超详细介绍>](/uploadfile/2022/0414/thumb_227_166_20220414101542938.png)
带你认识谷歌浏览器的调试工具!<超详细介绍>
你认识谷歌浏览器的一些很好用的基础调试工具吗,就让小编来带你认识认识吧!