优化加速百度统计代码 让WordPress网站加载更快

对于我们WordPress网站需要加载很多脚本及代码,但是加载越多,意味着网站的速度也越慢。比如每个网站都会部署一个统计代码,比如谷歌的统计代码,比如百度的统计代码。那么今天搬主题就来介绍一下如何优化加速百度的统计代码,让WordPress网站加载速度更快。

尽管调整后也许效果不是非常明显,提升速度也就几十到几百ms这样,但是积少成多吧。

一、代码的选择

目前最流行的有三个统计代码的网站:

  • 百度统计
  • Google统计
  • Cnzz站长统计

因为Google被墙,我们也不用考虑了。至于百度的和Cnzz的选哪个?经过Sven的数据比较,无论是域名解析还是别的下载速度因素,百度的代码都是比cnzz的统计代码来的快些!cnzz的域名解析基本都要100多ms了,所以要想在国内最快的加载完这个部分,这里主要做百度统计代码的加速加载。

二、百度统计代码的查看

1、登陆百度统计的页面,点击菜单【管理】-【代码管理】-【代码获取】,可以看到最新版代码获取

2. 代码安装说明

  • 请将代码添加到网站全部页面的</head>标签前。
  • 建议在header.htm类似的页头模板页面中安装,以达到一处安装,全站皆有的效果。
  • 如需在JS文件中调用统计分析代码,请直接去掉以下代码首尾的,<script type=”text/javascript”>与</script>后,放入JS文件中即可。

如果代码安装正确,一般20分钟后,可以查看网站分析数据。

三、加速方法介绍

目前百度统计一般都是异步加载了,速度更快,方法主要如下几种。

第一种:就是按照图中说明的,把代码复制到网站的</head>标签前面。

第二种:把hm.src=”//后面那串统计代码的网址复制下来:以下面的形式放入网站的</body>前面。

<div style="display:none"><script src="刚才复制的网址,放在这里。记得加上http://!"></script></div>

第三种:也就是目前比较合适的,那就是把默认的统计代码中的<script>和</script>去掉,然后把中间的部分加载到网站全局调用的.js文件里面,这样又可以少一次请求,速度为最佳。例如搬主题的全局js是load.js,就可以在load.js的后面加入:

var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?2e90479a98d522e642fcd429d799e9e2(这里要根据你的网站替换哦)";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();

如果你的JS是外链CDN调用的,也可以修改后,外链调用不影响实际的统计效果的。最后用gtmetrix查看,效果还是不错的。

千百度
© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容