Lozad.js——高性能纯 JavaScript 懒加载器|软件推介

授权协议:MIT

开发语言:JavaScript

操作系统:跨平台

评分:7.3

Lozad.js 是一款基于 IntersectionObserver API 的高性能、轻量级(?0.5kb)和可配置的懒加载器,纯 JavaScript ,无依赖,可用于延迟加载图片、iframe 、广告、视频和其他元素。

Demo:https://apoorv.pro/lozad.js/demo/

Usage

在 HTML 中,添加标识符到元素(默认选择器标识为 lozad 类):

然后你需要做的就是实例化 Lozad :

或使用自定义选项:

参考

IntersectionObserver options: rootMargin

  • IntersectionObserver options: thresholds

  • 亦或者你想给定制功能定义加载元素:

    如果想懒加载动态添加的元素:

    声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

    上一篇 2017年8月23日
    下一篇 2017年8月23日

    相关推荐