Reactjs 洛蒂'；s的渐进负载设置实际上是什么？

我正在使用Airbnb的React包装器在页面上显示动画

然而，许多动画都在页面的初始视口下方，我希望实现延迟加载，以便将从CDN获取延迟到需要时

import React from 'react'
import Lottie from 'react-lottie'

const HomePage = () => {
    const animationStyle = {
        // styles here
    }

    const animationOptions = {
        loop: false,
        autoplay: false,
        renderer: 'svg',
        path: 'https://somepath.net/to/a/CDN/resource/animation.json',
        rendererSettings: {
            progressiveLoad: true,
        },
    }

    return (
        <div>
            {* Other stuff here *}
            <Lottie style={animationStyle} options={animationOptions} />
        </div>
    )
}

从“React”导入React
从“react Lottie”导入Lottie
const主页=（）=>{
常量动画样式={
//这里的风格
}
常量动画选项={
循环：false，
自动播放：错误，
渲染器：“svg”，
路径：'https://somepath.net/to/a/CDN/resource/animation.json',
渲染器设置：{
progressiveLoad：正确，
},
}
返回(
{*这里还有其他东西*}
)
}

现在，如果打开浏览器开发工具的“网络”选项卡并访问页面，我会看到在呈现页面时获取

animation.json

。因为我已经打开了

progressiveLoad

，所以我希望在呈现页面时不会看到它被抓取，而是在靠近实际使用组件的位置滚动时看到它被抓取

现在，这可能是对

渐进加载设置的误解，但可以从某种程度上说明这里发生了什么，以及如何实现我最终想要的，即延迟加载资源