Question

前段时间，我注意到很少有像SmashingMagazine，Noupe和其他大型设计博客在他们的形象上实施延迟加载。我认为这有助于优化其加载时间并节省服务器资源。

然后我来看看这个jQuery lazyload的图片，但插件坏了，不适用于新的浏览器。想知道lazyload仍然建议用于优化网站吗？

Answer 1

奇怪的是它破了。也许它与你的jQuery版本相冲突？

我使用延迟加载的图像。在某些情况下使用它是一种很好的技术。

Answer 2

这取决于您拥有的图片数量及其重要程度，有许多解决方案可以改善您的效果（you can find a presentation about the topic here），其中大部分都取决于您的网站的组织方式以及我们的需求。 / p>

因此，如果您的网站有很多小图标可以在许多不同的地方重复使用（like amazon does），您可以使用CSS精灵，您可以使用直接在HTML上编码的图像，就像谷歌一直在做的那样很多，你可以做懒人，所以这一切都取决于你的情况。

但是回到懒惰加载插件，查找javascript错误或类似的东西，如果它不起作用你甚至可以为自己构建一个懒惰的加载器，不应该那么复杂。这是一个可能有效的黑客攻击（我没有运行它，所以我无法确定）：

<img lazy_loaded_src="/some_image.jpeg" class="lazy_loaded"/>

然后在JavaScript中：

jQuery( "img.lazy_loaded" ).each( function () {
  var image = jQuery( this );
  image.attr( "src", image.attr("lazy_loaded_src") );
} );

只要在页面加载后执行此操作，就应该具有相同的延迟加载行为。