Javascript 在我的WordPress页面上的所有内容之后，如何让TripAdvisor小部件加载

本周，我开始为一位经营旅游公司的家庭成员开发我的第一个WordPress网站，我决定从头开始创建一个非常过时的网站

一切都很顺利，直到我决定将他的TripAdvisor小部件添加到页面

小部件的加载速度非常慢，这很烦人，但最糟糕的是，它们在页面加载之前执行，这会导致非常明显的挂起和糟糕的“弹出”效果，页面最终可以在小部件加载之后完成加载

这是TripAdvisor小部件的一个示例

<div id="TA_rated837" class="TA_rated">
<ul id="MpoP9sbYWV" class="TA_links Zw2KlSEGHzT">
<li id="qvZzYWwC2J" class="3qkrdfE">
<a target="_blank" href="https://www.tripadvisor.co.uk/"><img src="https://www.tripadvisor.co.uk/img/cdsi/img2/badges/ollie-11424-2.gif" alt="TripAdvisor"/></a>
</li>
</ul>
</div>
<script src="https://www.jscache.com/wejs?wtype=rated&amp;uniq=837&amp;locationId=3507299&amp;lang=en_UK&amp;display_version=2"></script>

当我发现PostScribe可以在页面加载后触发document.wite时，我想我已经找到了一种触发脚本的方法。但是由于页面已经加载了所有脚本，因此无论如何都无法触发

我还尝试复制拉入的最后一个函数，并将其包装在我自己的函数中，以便在页面加载后触发。然而，为了得到这个执行，我必须开始编辑TripAdvisors小部件代码，这违反了他们的使用条款

他们确实有一个API，但只有非常大的企业才能访问它

我的网站目前仍然是本地的，但我已经创建了一个小提琴来演示我的问题

我希望这里有人已经找到了解决方法和过去，因为我肯定看到过这些小部件异步加载的站点

提前谢谢

将TripAdvisor“”移动到页面末尾解决了我的问题

   </body>
   <!-- //end of body-->
   <script src="https://www.jscache.com/wejs?wtype=...></script> 
   <script src="https://www.jscache.com/wejs?wtype=...></script> 
   <script src="https://www.jscache.com/wejs?wtype=...></script> 
</html>
<!-- //end of Document -->

可能重复的
   </body>
   <!-- //end of body-->
   <script src="https://www.jscache.com/wejs?wtype=...></script> 
   <script src="https://www.jscache.com/wejs?wtype=...></script> 
   <script src="https://www.jscache.com/wejs?wtype=...></script> 
</html>
<!-- //end of Document -->