延时加载JavaScript代码提高速度_javascript技巧
程序员文章站
2022-05-18 11:49:03
...
延时加载js代码提高速度,具体内容如下所示:
如果网页中存在大量的javascript代码会极大的影响网页的访问速度,下面就简单介绍一下如何处理此问题。
一.延时加载js文件:
可以使用定时器函数setTimeout()让外部的js文件延迟加载,例如:
以上代码可以实现js代码咋3秒之后再加载,这样可以在一定程度上提高速度。
二.将js代码放到网页内容的后面:
这个比较简单了,就不用说了,就是将js代码放在网页内容的后面,一把是放在body的最底部,这样也可以先加载内容再去执行js代码,也能够提高一定的速度。
下面给大家介绍JS广告代码延迟加载或是最后加载加快页面载入
JS广告代码延迟加载或是最后加载加快页面载入,如果页面中有很多JS广告代码,或者其他的js/' target='_blank' class='u'>JS代码太大,这时候加载起来就会很费时间。使用JS广告代码延迟加载或是最后加载的方法以加快页面载入速度。
第一,JS延迟加载
代码如下:
第二,JS广告代码最后加载
在需要插入JS的地方插入以下代码:
程序代码
LOADING...
当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.
然后在页面最底端插入:
你的JS代码在这里!
第三,JS最后加载
想要显示JS广告代码的位置
想要显示的广告内容
判断要显示的广告位置是否存在
推荐阅读
-
Javascript 加载和执行-性能提高篇_javascript技巧
-
javascript延时加载之defer测试_javascript技巧
-
Javascript 判断Flash是否加载完成的代码_javascript技巧
-
js或者jquery判断图片是否加载完成实现代码_javascript技巧
-
利用函数的惰性载入提高javascript代码执行效率_javascript技巧
-
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)_javascript技巧
-
js图片实时加载提供网页打开速度_javascript技巧
-
Javascript 判断Flash是否加载完成的代码_javascript技巧
-
JS判断页面加载状态以及添加遮罩和缓冲动画的代码_javascript技巧
-
预加载css或javascript的js代码_javascript技巧