延迟元素的加载开始

Question

我有一个内容丰富的网页，如图形和JavaScript。现在问题是我的页面加载速度太慢，尤其是网络连接速度较慢。现在在我的网页底部我有一个jquery滑块，这是我网站上最不重要的项目。 现在... 有没有一种方法可以推迟或延迟加载整个滑块（有一个div ID作为父元素），直到我的页面上加载了其他所有内容，而不是与其他更重要的内容一起？

Answer 1

当然，您可能需要查找RequireJS或LABjs等javascript加载程序。

原则是你注入了加载你的javascript的脚本标签。例如，您可以将以下代码作为</body> - 标记之前的最后一个元素：

<script type='text/javascript'>
var head = document.getElementsByTagName("head")[0];        
var newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = 'url/to/script.js';
head.appendChild(newScript);
</script>