让WordPress中的告白代码延迟加载

发布日期:2019-07-24 16:36:27 阅读数: 840次 来源:亚博app官网

亚博手机app-
                          <p>  浩繁利用<span class=WordPress搭建的博客城市添加Google、百度等网盟供给的告白,可是不晓得大师留意到没有wordpress在援用站外的工具的时候,若是站外办事器响应过慢,会导致很长一段时间打不开网页,为了避免这个问题,我们能够让告白代码在WordPress中延迟加载,达到对WordPress提速的功能!目前这段代码按照周良的测试,能够对百度、Google、网易等出名告白联盟起到延迟加载的感化。

  具体方式如下:

1、进入WordPress后台,选择外不雅下面的编纂选项,找到这么一条语句<?php the_content(); ?>  ,大概是相关的函数。然后在这条语句前面插手:

<div id="myad"></div> 

2、打开你的footer.php文件,在</body>之前插手如下代码:

<?php if (is_single()) : ?>
<div id="span_myads">
<!-- AD code –>
//这里插入你的告白代码
<!-- AD coed end-->
</div>
<script type="text/javascript">
document.getElementById("myad").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = "";
</script>
<?php endif; ?>
</div>

3、打开你的style.css文件,插手下面的CSS代码:

#myad{float:left;margin:20px 10px 10px 40px;} 

  说一下代码的道理:一般来说网页元素加载是有挨次的,在告白的位置加一个空的div,然后在网页加载的最初的时候在去挪用google的告白JS,发生告白,同时替代掉之前阿谁div的内容。当然了,若是你间接利用周良所供给的代码,那么你会发觉这是在文章页面加载告白(由于周良博客的告白都是呈现在文章页面),而且CSS样式我是本身的。你需要按照你本身环境,点窜一下代码,至于放到侧边栏或者首页的告白延迟加载方式我这里也就不多说什么了,方式都差不多,有了上面的代码,大师只需要稍微点窜几个函数即可。

Wordpress下载:

WordPress v3.5亚博.2 简体中文版下载

界面预览

  • 软件大小:6.28MB
  • 软件类别:国外软件 | 博客系统
  • 软件言语:简体中文
  • 运转情况:PHP/Mysql
  • 软件授权:免费版
  • 更新时间:2013-7-24 16:05:30
  • 相关链接:Home Page

WordPress v4.4.2 英文版下载

界面预览

  • 软件大小:7.37MB
  • 软件类别:国外软件 | 博客系统
  • 软件言语:英文
  • 运转情况:PHP/MySQL
  • 软件授权:开源软件
  • 更新时间:2016-2-3 9:47:33
  • 相关链接:Home Page

本文转自:http://www.aips.me/wordpress-advertis-delayed-loading.html

本文由亚博编辑整理"/>

  浩繁利用WordPress搭建的博客城市添加Google、百度等网盟供给的告白,可是不晓得大师留意到没有wordpress在援用站外的工具的时候,若是站外办事器响应过慢,会导致很长一段时间打不开网页,为了避免这个问题,我们能够让告白代码在WordPress中延迟加载,达到对WordPress提速的功能!目前这段代码按照周良的测试,能够对百度、Google、网易等出名告白联盟起到延迟加载的感化。

  具体方式如下:

1、进入WordPress后台,选择外不雅下面的编纂选项,找到这么一条语句<?php the_content(); ?>  ,大概是相关的函数。然后在这条语句前面插手:

<div id="myad"></div> 

2、打开你的footer.php文件,在</body>之前插手如下代码:

<?php if (is_single()) : ?>
<div id="span_myads">
<!-- AD code –>
//这里插入你的告白代码
<!-- AD coed end-->
</div>
<script type="text/javascript">
document.getElementById("myad").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = "";
</script>
<?php endif; ?>
</div>

3、打开你的style.css文件,插手下面的CSS代码:

#myad{float:left;margin:20px 10px 10px 40px;} 

  说一下代码的道理:一般来说网页元素加载是有挨次的,在告白的位置加一个空的div,然后在网页加载的最初的时候在去挪用google的告白JS,发生告白,同时替代掉之前阿谁div的内容。当然了,若是你间接利用周良所供给的代码,那么你会发觉这是在文章页面加载告白(由于周良博客的告白都是呈现在文章页面),而且CSS样式我是本身的。你需要按照你本身环境,点窜一下代码,至于放到侧边栏或者首页的告白延迟加载方式我这里也就不多说什么了,方式都差不多,有了上面的代码,大师只需要稍微点窜几个函数即可。

Wordpress下载:

WordPress v3.5亚博.2 简体中文版下载

界面预览

  • 软件大小:6.28MB
  • 软件类别:国外软件 | 博客系统
  • 软件言语:简体中文
  • 运转情况:PHP/Mysql
  • 软件授权:免费版
  • 更新时间:2013-7-24 16:05:30
  • 相关链接:Home Page

WordPress v4.4.2 英文版下载

界面预览

  • 软件大小:7.37MB
  • 软件类别:国外软件 | 博客系统
  • 软件言语:英文
  • 运转情况:PHP/MySQL
  • 软件授权:开源软件
  • 更新时间:2016-2-3 9:47:33
  • 相关链接:Home Page

本文转自:http://www.aips.me/wordpress-advertis-delayed-loading.html

本文由亚博编辑整理亚博app官网