火狐浏览器每夜构建版现已增添图像和iframe延迟加载的实验功效

火狐浏览器每夜构建版现已增添图像和iframe延迟加载的实验功效

[动态图] 谷歌浏览器将增加标签页预览功能 可批量显示标签页并拖动调整

图片延迟加载对于用户来说可以降低瞬时的带宽占用,对于网站和开发者来说也可以涣散服务器请求带宽的压力。

通常要想实现图片延迟加载需要使用某些剧本手艺,不外谷歌浏览器此前已提出新的更便捷的图片延迟加载建议。

这些建议已经获得网页超文本应用手艺工作组 (WHATWG) 的认可,现在谷歌提出的建议也已经成为HTML尺度。

成为手艺尺度后各大浏览器现在正在更新以兼容这些尺度,好比火狐浏览器现在已经在每夜构建版里测试该尺度。

火狐浏览器每夜构建版现已增添图像和iframe延迟加载的实验功效

开发者们现在可以测试该尺度:

[更新] 微软为Windows Terminal终端应用提供字符搜索功能和CRT效果

据谋智基金会的更新通告,现在在火狐浏览器的每夜构建版中已经增添相关尺度,开发者现在可以提前举行测试。

要想举行测试的话需要安装火狐浏览器每夜构建版,然后转到about:config设置页面搜索lazy相关的实验性项目。

找到dom.image-lazy-loading.enabled后将其布尔值由默认值修改为True即可,然后可以通过该页面举行测试。

若网页显示HTMLImageElement显示True代表支持延迟加载,若显示HTMLImageElement显示False则不支持。

火狐浏览器每夜构建版现已增添图像和iframe延迟加载的实验功效

图片或iframe延迟加载示例代码:

<!-- Lazy-load an offscreen image when the user scrolls near it -->
<img src="unicorn.jpg" loading="lazy" alt=".."/>
<!-- Load an image right away instead of lazy-loading -->
<img src="unicorn.jpg" loading="eager" alt=".."/>
<!-- Browser decides whether or not to lazy-load the image -->
<img src="unicorn.jpg" loading="auto" alt=".."/>
<!-- Lazy-load images in <picture>. <img> is the one driving image
loading so <picture> and srcset fall off of that -->
<picture>
<source media="(min-width: 40em)" srcset="big.jpg 1x, big-hd.jpg 2x">
<source srcset="small.jpg 1x, small-hd.jpg 2x">
<img src="fallback.jpg" loading="lazy">
</picture>
<!-- Lazy-load an image that has srcset specified -->
<img src="small.jpg"
srcset="large.jpg 1024w, medium.jpg 640w, small.jpg 320w"
sizes="(min-width: 36em) 33.3vw, 100vw"
alt="A rad wolf" loading="lazy">
<!-- Lazy-load an offscreen iframe when the user scrolls near it -->
<iframe src="video-player.html" loading="lazy"></iframe>

火狐浏览器将从明年年初开始强制要求所有扩展开发者启用多因素认证

分享到 :
相关推荐

发表评论

登录... 后才能评论