如何使用lazysizes在页面加载2秒后加载所有懒加载图片？

lazysizes没有直接对应的配置参数，但可以通过其内置API手动触发全量加载，具体实现代码如下：

document.addEventListener('DOMContentLoaded', function() {
  setTimeout(function() {
    if (window.lazysizes) {
      // 调用lazysizes内置方法，强制加载所有未加载的懒加载元素
      lazysizes.loader.unveilAll();
    }
  }, 2000); // 延迟2秒执行
});

说明 #

• DOMContentLoaded确保页面DOM结构解析完成后再执行逻辑，避免找不到目标元素
• lazysizes.loader.unveilAll()是lazysizes官方提供的方法，会自动识别所有配置中lazyClass（此处为lazy）标记的懒加载元素，强制触发加载流程，无需等待页面滚动
• 这段代码可以放在页面底部的脚本中，或者现有lazysizes配置脚本之后

内容的提问来源于stack exchange，提问作者Cheizer