javascript - 使用延迟

Question

我为我的项目使用了延迟（通过谷歌页面速度测试）

但我的惰性插件没有按预期工作，这是我的 jquery 惰性函数，用于处理所有惰性图像

但所有图像都没有加载怎么可能？

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js" defer></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js" defer></script>
<script src="js/plugin.js" defer></script>
<script src="js/main.js" defer onload="loadImages()"></script>

我的

function loadImages(){
  $(".lazy").lazy();
};

点击查看演示页面 - 当页面加载时请向下滚动

Answer 1

我认为defer，脚本是loaded并行的，但executed按顺序排列。因此，它可能loadImages在其依赖脚本被加载和执行之前被调用。

如果调用在loadImages内部，main.js那么它将在加载和执行之前在所有其他延迟脚本之后调用，并且延迟加载应该可以工作。

同样，浏览器的实现也各不相同。