javascript - 在首屏使用 JCarousel - 在页面加载完成之前加载 JCarousel？

Question

我目前正在使用 JCarousel 来突出显示 Wordpress 中的“特色帖子”。轮播显示在首屏上方，作为标题的一部分。一旦加载，它就可以很好地工作，但由于我们在包含许多元素的大页面的首屏上方使用它，因此它必须等待整个页面加载，然后才能启动并显示我们的特色帖子。这意味着它会在“正在加载”gif 中停留 5-10 秒，大多数用户只会滚动它而不是等待它加载。

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
        jQuery('#mycarousel').jcarousel({ scroll : 2 }); 
    }); 
</script>

这种缓慢的加载很麻烦，因此，我想先加载轮播，这样它就会在页面的其余部分加载之前显示出来。我有什么办法可以做到这一点吗？

如有任何建议，我们将不胜感激。谢谢!

Answer 1

使用 CDN 的原因是浏览器能够“并行”加载 JS，因此应该加以利用。

iframe 的使用可能是最糟糕的机制，应该被视为一种“黑客”，而不是任何事物的“修复”(一般而言)。

考虑使用 LazyLoad、CDN 和 JS Staggering - 即在 HEAD 中加载库文件，在页脚区域中加载其余 JS。