延迟元素的加载开始

Delaying the loading onset of elements

本文关键字:开始 加载 元素 延迟      更新时间:2023-09-26

我有一个网页,内容丰富,如图形和javascript。现在的问题是我的页面加载太慢,尤其是在互联网连接速度较慢的情况下。现在,在我的网页底部,我有一个jquery滑块,这是我网站上最不重要的项目。现在有没有一种方法可以推迟或延迟加载整个滑块(它有一个div ID作为父元素),直到其他所有内容都加载到我的页面上,而不是与其他更重要的内容一起加载?

当然,您可能需要查找像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>