Javascript 在我的所有图片中添加一个数据src，以改进WordPress环境中的延迟加载功能

我的问题是，我想在我的网站上实现一个延迟加载系统

我正在使用一个名为defect.js的框架，但问题是它需要在每个图像的src中添加一个数据src

因此，本质上，我需要向每个图像添加src属性的副本（例如src=“image1.jpg”），并将其包装在数据src中

诸如此类：

$('img').each(function() {
    var datasrc = this.attr("src");
    //somthing else to add the data-src
});

---

这对我来说是一个进步，但我想在我的网站上实现这个脚本。我尝试了几个插件，但它们没有达到我想要的效果，因为我的问题是我所有的图片都在wordpress的主题文件夹（或插件文件夹）之外，所以我不可能用那种方式调用它们。谢谢

您可以使用Javascript/jQuery执行以下操作：

$('img').each(function() {
    var datasrc = $(this).attr("src");
    $(this).attr("datasrc", datasrc);
});

---

确保在头部加载脚本，使其呈现阻塞，以便在加载脚本之前不会加载页面。

当您将src属性更改为data src时，您的部分或所有图像可能已经加载，这就不需要首先实现延迟加载。这绝对是服务器端的任务！你可能是对的。他可以通过javascript来加载渲染块，这样页面在加载JS之前不会加载？你是说onload？WordPress站点头部的javascript称为渲染块，所以它会在页面其余部分之前加载