Is there any way to lazy load lottie JSON files when using lottie-web (javascript)? Right now my code is;
lottie.loadAnimation({
container: document.querySelector('#lottie-1'),
renderer: 'svg',
loop: true,
autoplay: true,
path: 'https://assets10.lottiefiles.com/packages/lf20_wzcckjq4.json'
});
Because this above code is showing up in Pagespeed Insights as enormous network payloads (totals to about 20MB in my case).
I tried placing it in DOMContentLoaded, readyState complete, window onload, and even setTimeout.