jQuery将loading = lazy添加到所有图像

Question

我的网页更大，需要花几天的时间将loading=lazy属性添加到我网站上的所有img标签中。在网站上使用类似$('img'). attr('loading', 'lazy')的东西（这样做有用吗？）有用吗？还是会使网站变慢？

Answer 1

它不一定具有预期的效果-如果您通过JavaScript添加属性，则浏览器及其预加载脚本也已经解析了页面本身，所有这些图像都将被放置到下载队列，就好像该属性不存在一样。

因此，我强烈建议您已经在源代码本身中添加这些属性。