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

Question

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

在我决定将他的一些 TripAdvisor 小部件添加到页面之前，一切都很顺利。

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

这是 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>

那个标签导致另一个脚本包裹在 document.write 中，只能在页面加载时执行，我收集的是删除任何现有的 HTML?

document.write( '<script src="https://www.tripadvisor.com/WidgetEmbed-rated?amp;locationId=3507299&amp;lang=en_UK&amp;display_version=2&amp;uniq=837"></script>' );

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

我还尝试复制最后引入的函数并将其包装在我自己的函数中以在页面加载后触发。但是要执行此操作，我必须开始编辑 TripAdvisors 小部件代码，这违反了他们的使用条款。

他们确实有 API，但只有超大型企业才能使用。

我的站点目前仍然是本地站点，但我创建了一个 fiddle 来演示我的问题。

https://jsfiddle.net/9z1r77Le/

我希望这里有人找到了解决方法和过去，因为我确实看到过这些小部件异步加载的网站。

提前致谢！

Answer 1

将 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 -->

我觉得自己花了这么长时间才锻炼成一个白痴，但希望这会在某些时候对其他人有所帮助。

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

How can I make the TripAdvisor widgets load after everything else on my WordPress page

javascript

jquery

wordpress

widget

tripadvisor