强制 iframe 作为最后一个元素加载答案

【问题标题】：Force iframe to load as the last element强制 iframe 作为最后一个元素加载
【发布时间】：2017-09-20 08:42:13
【问题描述】：

我有一个使用 AJAX 加载页面内容的网站。在主页上，我有一个图像滑块、一些其他元素和一个包含播放列表的 iframe。由于某种原因，iframe 加载缓慢，并且图像滑块在 iframe 完全加载后才会加载。有没有办法强制 iframe 在图像滑块之后加载，这样加载时间不会太长？

【问题讨论】：

我们可以看看一些代码吗？
这是网址：wrbbradio.org 如果您需要特定的东西，我可以找到它。我已经玩了一些东西来让谷歌页面速度洞察力的页面速度达到 81/100，所以我认为它不应该花这么长时间

标签： jquery ajax wordpress iframe load

【解决方案1】：

您可以在图像加载后使用 jQuery 加载播放列表，方法是删除 HTML 中的播放列表并在图像加载后附加它：

$(window).on("load", function() {
  $(".textwidget").append('<iframe src="https://embed.spotify.com/?uri=spotify:user:1229877582:playlist:2sOytopsJKw2Xk4U3K79uP" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>');
}

【讨论】：