高性能异步图片加载器的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的主要内容,如果未能解决你的问题,请参考以下文章