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

Posted 2023-05-09

【中文标题】强制 iframe 作为最后一个元素加载

【英文标题】：Force iframe to load as the last element

【发布时间】：2017-09-20 08:42:13

【问题描述】：

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

【问题讨论】：

我们可以看看一些代码吗？

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

【参考方案1】：

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

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