高性能异步图片加载器的JS库：lazysizes
Posted 荣超
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了高性能异步图片加载器的JS库：lazysizes相关的知识，希望对你有一定的参考价值。
<script src="lazysizes.min.js" async=""></script>
使用示例
<!-- non-responsive: -->
<img data-src="image.jpg" class="lazyload" />
<!-- responsive example with automatic sizes calculation: -->
<img
data-sizes="auto"
data-src="image2.jpg"
data-srcset="image1.jpg 300w,
image2.jpg 600w,
image3.jpg 900w" class="lazyload" />
<!-- iframe example -->
<iframe frameborder="0"
class="lazyload"
allowfullscreen=""
data-src="//www.youtube.com/embed/ZfV-aYdU4uE">
</iframe>
以上是关于高性能异步图片加载器的JS库：lazysizes的主要内容，如果未能解决你的问题，请参考以下文章