javascript - 如何延迟加载图像,同时仍然为禁用 javascript 的人显示

标签 javascript html

在阅读了其他一些帖子后,我开始怀疑是否有可能

Lazy loading images how

Lazy loading images

如果我在设置了 src 属性的页面上包含所有图像,我认为无法停止跨浏览器加载图像是否正确?

如果我只包含 data-src 属性,没有 JS 的用户将看不到图像。

我在想一些事情 <noscript> 解决方案,但这不会使页面在语义上变坏吗?

最佳答案

在您的标记中使用带有 src 属性的普通 img 标签,然后使用 JavaScript 取消您想要的图像的 src 属性被延迟加载并适本地处理延迟加载。禁用 JavaScript 的用户将正常加载所有图像,启用 JavaScript 的用户将获得响应更快的浏览体验。

关于javascript - 如何延迟加载图像,同时仍然为禁用 javascript 的人显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6708833/

相关文章:

javascript - 如果来自内部链接,则停止执行动画

javascript - 将 .ogg blob 转换为 Google Drive 文件

html - Bootstrap 4 - 更改移动设备中 5 列布局的顺序

html - W3.CSS 进度条无法在表格的同一行显示文本和进度条

html - 为什么一般兄弟组合器允许切换伪元素的内容,而不是相邻兄弟?

Javascript 对象 ID 字段未传递给事件处理程序

javascript - Canvas 渲染

html - 有没有办法将微数据添加到 CSS 中引用的图像?

jquery - CSS - 选择框,如何使用所选选项更改文本颜色

javascript - 如何使用 JavaScript 滚动到目标 html 部分的垂直中心?