网页图片懒加载选哪个？loading=lazy 与 lazyload 插件优劣势及使用指南

时间紧、面向现代用户：选 loading=lazy。

需全兼容或复杂效果：用 lazyload 插件。

折中方案：用 loading=lazy 为主，针对不支持的浏览器引入轻量级插件：

<script>
if ('loading' in HTMLImageElement.prototype === false) {
  var script = document.createElement('script');
  script.src = 'https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js';
  document.body.appendChild(script);
}
</script>
<img src="your-image.jpg" alt="示例图片" loading="lazy" class="lazyload">