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

Question

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

Lazy loading images how

Lazy loading images

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

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

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

Answer 1

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