载入网页页面结束后再显示信息广告宣传的方式

2021-02-27 17:19 admin

近期一直在刻苦钻研网站前端开发层面的学习培训,自然做为前端开发工作中者编码精减,提高网页页面载入速率是不可或缺的,坚信有推广过相近于 google adsense或百度搜索同盟的朋友一定有一定的感受,在碰到网络速度不行的状况下,开启网页页面都会间断好一会,等候载入广告宣传结束后才会再次显示信息下边的內容,那麼怎样将广告宣传对网页页面载入的危害降至最少就是我们所需考虑到的,由于现阶段访问器一直堵塞式(blocking)的载入网页页面引入的外界JavaScript,因此yahoo网页页面提升14条规则中也提及把外界引入的脚本制作放到网页页面的底端,类似是 /body 以前。那样网页页面大部分能更快3D渲染结束,随后加上载这种外界脚本制作。

提高网页页面载入速率编码以下:

[html]
script type= text/javascript
function speed_ads() {
var ad = document.getElementById('adsense'),
loader = document.getElementById('adsense-loader');
if (ad loader) {
ad.appendChild(loader);
loader.style.display='block';
ad.style.display='block';
ad.style.height='60px';
}
}
window.onload=function() {speed_ads();}
/script
[/html]

[html]
html
head
!--所述脚本制作部位--
/head
body
!--特定的广告宣传显示信息部位--
div id= adsense /div
!--别的內容部位--
p /p
p /p
!--广告宣传编码部位--
div > div id= adsense-loader > script type= text/javascript
// Googleor百度搜索广告宣传编码
/script
/div
/div
/body
/html
[/html]

网页页面上边仅有一个广告宣传情况下的处理方式,假如几个如何办?
大家能够用下边的脚本制作更换原先的脚本制作,自然要留意逐一相匹配。

[html]
script type= text/javascript
function speed_ads(loader, ad) {
var ad = document.getElementById(ad),
loader = document.getElementById(loader);
if (ad loader) {
ad.appendChild(loader);
loader.style.display='block';
ad.style.display='block';
}
}
window.onload=function() {
speed_ads('adsense-loader0', 'adsense0');
speed_ads('adsense-loader1', 'adsense1');
speed_ads('adsense-loader2', 'adsense2');
}
/script
[/html]
那样得话,网页页面载入速率就快了许多。