Javascript Twitter嵌入和widget降低了我的页面速度

根据PageSpeed Insights，Twitter正在大幅降低我的页面加载速度

只有当用户向下滚动到twitter时，我才会尝试加载twitter，否则就没有必要加载它

<div class="testimonials__tweetbox">
                        <blockquote class="twitter-tweet"><p lang="en" dir="ltr">COMING SOON</p>&mdash; SuperMarioRistorante (@RistoranteSuper) <a href="https://twitter.com/RistoranteSuper/status/1284416990581530624?ref_src=twsrc%5Etfw">July 18, 2020</a></blockquote> <script src="https://platform.twitter.com/widgets.js" charset="utf-8" defer></script>
                    </div>

---

为什么页面刷新时twitter小部件仍然会被加载？

不是我的解决方案，但我在遇到同样的问题时遇到了这些问题。它们可能对您或其他人有所帮助：静态Tweet Render with Next.js:React library构建在以前的解决方案上：不是我的解决方案，但我在遇到相同的问题时遇到了这些问题。它们可能对您或其他人有帮助：基于上一个解决方案构建的静态Tweet Render with Next.js:React库：

// LAZY LOADING Vanilla JS
var lottie = document.querySelectorAll('.twitter-tweet');
const appearOptions = {
    threshold: 0,
    rootMargin: "0px 0px -470px 0px"
  };

      var observer = new IntersectionObserver(function (entries, observer){
        entries.forEach(entry => {
            if (entry.isIntersecting) {
             var img = entry.target;
                observer.unobserve(entry.target);
                console.log(entry)
              }
        });
      },
      appearOptions);
      lottie.forEach(img => {
        observer.observe(img);
      });
// End of LAZY LOADING Vanilla JS