使用推迟

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>

MY JS

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

click to see demo page - when page loaded scroll down please

Answer 1

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

如果对loadImages的调用位于main.js内，则在加载之前将调用所有其他延迟脚本＆amp;执行，延迟加载应该工作。

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