Question

我再次向你们寻求帮助，我正在测试我用wordpress创建的页面的google页面速度。

在图像出现问题之前，但是通过此脚本，我设法加快了速度。

查看代码：

<script>
        document.addEventListener("DOMContentLoaded", function() {
            const imageObserver = new IntersectionObserver((entries, imgObserver) => {
                entries.forEach((entry) => {
                    if (entry.isIntersecting) {
                        const lazyImage = entry.target
                        console.log("lazy loading ", lazyImage)
                        lazyImage.src = lazyImage.dataset.src
                        lazyImage.classList.remove("lzy_img");
                        imgObserver.unobserve(lazyImage);
                    }
                })
            });
            const arr = document.querySelectorAll('img.lzy_img')
            arr.forEach((v) => {
                imageObserver.observe(v);
            })
        })
    </script>

现在，由于yotube视频，我在页面速度方面存在得分问题。

是否只有有人滚动页面或单击页面，脚本才能显示视频或YouTube iframe？

我希望视频或任何在页面上使用iframe的元素出现延迟或使页面速度更快。

外面的人知道什么可以做到吗？

我发现此解决方案看似完美，但仅当您手动编辑所有文章时才有效

解决方案：https://github.com/groupboard/ytdefer

是否可以将此解决方案自动应用于所有文章？

iframe yotube视频的延迟加载

0 个答案: