Twitter bootstrap 如何延迟加载第三方视频（通过javascript提供）

我正在建立一个有17个modals的网站，大多数modals都有一些医疗视频，这些视频由第三方公司（view medica）通过javascript提供。这会导致页面加载时间较长

我想知道它们是否是延迟加载视频以帮助提高加载速度的方法

第三方视频源的一个示例：

                <!-- ViewMedica Embed Start -->
            <div id="A_0fd328f1"></div>
            <script type="text/javascript" src="https://viewmedica.com/js/vm.js"></script>
            <script type="text/javascript">client="1202"; openthis="A_0fd328f1"; width=720; vm_open()</script>
            <!-- ViewMedica Embed End -->

client=“1202”；openthis=“A_0fd328f1”；宽度=720；vm_open（）

该网站正在Bootstrap4上建立。我不知道客户是否会同意我在这里发布他们的网站，但如果有什么我可以帮助解决这个问题，请让我知道

---

谢谢你

看起来一切都很顺利，惰性负载正在工作（尽管我一直在寻找一个工具，正式告诉你有惰性负载正在工作），但该网站工作正常。页面加载。你可以滚动浏览所有内容，然后视频开始一个接一个地加载，没有页面跳转或任何事情

我发现添加延迟加载的最简单方法是blazy.js

我为什么使用blazy.js：

• 它是轻量级的，小于1.4KB，如果不需要IE7支持，则小于1.25KB

• 它非常易于使用（您只需在html中链接javascript，然后使用类b-lazy来加载任何您想延迟加载的内容）

---

这个东西很完美，希望能帮助其他人。

视频播放器允许吗？这是一个限制因素，我发现了一个名为b-lazy的javascript（非常容易使用）。看起来页面加载速度更快，但这可能是一个假设。我得想办法测试一下。Chrome开发工具有一个性能，但它的行为很有趣。我正在考虑使用第三方网站测试网页速度，看看他们是否给出了不同的评级。我认为谷歌页面速度测试只对整个网站进行测试。如果我发现任何东西，我会更新此内容，但在此之前，如果有人有任何输入，请共享：）