1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > php延迟加载js 延时加载JavaScript代码提高速度

php延迟加载js 延时加载JavaScript代码提高速度

时间:2021-08-16 14:20:07

相关推荐

php延迟加载js 延时加载JavaScript代码提高速度

延时加载js代码提高速度,具体内容如下所示:

如果网页中存在大量的javascript代码会极大的影响网页的访问速度,下面就简单介绍一下如何处理此问题。

一.延时加载js文件:

可以使用定时器函数setTimeout()让外部的js文件延迟加载,例如:

var js=document.getElementById("my");

function addjs(){

js.src="js/js.js";

}

setTimeout(addjs,3000);

以上代码可以实现js代码咋3秒之后再加载,这样可以在一定程度上提高速度。

二.将js代码放到网页内容的后面:

这个比较简单了,就不用说了,就是将js代码放在网页内容的后面,一把是放在body的最底部,这样也可以先加载内容再去执行js代码,也能够提高一定的速度。

下面给大家介绍JS广告代码延迟加载或是最后加载加快页面载入

JS广告代码延迟加载或是最后加载加快页面载入,如果页面中有很多JS广告代码,或者其他的js/' target='_blank' class='u'>JS代码太大,这时候加载起来就会很费时间。使用JS广告代码延迟加载或是最后加载的方法以加快页面载入速度。

第一,JS延迟加载

代码如下:

setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延时3秒

第二,JS广告代码最后加载

在需要插入JS的地方插入以下代码:

程序代码

LOADING...

当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.

然后在页面最底端插入:

你的JS代码在这里!

第三,JS最后加载

想要显示JS广告代码的位置

想要显示的广告内容

判断要显示的广告位置是否存在

function chkdiv(divid){

var chkid=document.getElementById(divid);

if(chkid != null)

{return true; }

else

{return false; }

} 最后就是显示JS广告代码了

if (chkdiv('guangg1')) {

document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;

document.getElementById('ggad1').innerHTML="";

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。