读者之林
分享你我所想

站长统计代码使网页加载变慢怎么办

      每个站长几乎都会添加统计代码,不论是百度统计还是CNZZ,最近我加入统计代码的时候,先试用了百度移动统计,放在head中,虽然影响比较不大,但是到百度 统计后台一看,前面说安装正确,下一次来刷新时候却提示说安装不正确,而且数据更新特别迟慢(仅代表个人体验),也许要过很长时间才会显示站内IP记录,这显然不方便。

      于是使用了CNZZ,这里普及一下,是由国际著名风险投资商IDG投资的网络技术服务公司,是中国互联网目前最有影响力的流量统计网站。 CNZZ网站首页的免费流量统计技术服务提供商,专注于为互联网各类站点提供专业、权威、独立的第三方数据统计分析。同时,CNZZ拥有全球领先的互联网数据采集、统计和挖掘三大技术,专业从事互联网数据监测、统计分析的技术研究、产品开发和应用。

      权威带来的问题就是不人性化,就是使用文档一点不详细,在官网直接丢个JS文件,许多人用了都是反映使用了官方代码,页面加载缓慢到极致,每次加载需要等待统计代码需要的JS文件,这对页面加载有极大的影响,极度影响了用户体验。

      我使用CNZZ统计代码时,也是按照官网给的统计代码,直接放在js中,结果页面一直loading,一直在等待统计代码所需要的文件,加载等待了很长时间,很明显这样是不行的。

      通过一番摸索,发现了统计代码有同步加载异步加载两种方式,简要说一下这两者的优劣,同步加载数据更新及时,异步反之,同步加载会使页面加载变慢,如何在多种选择方式下进行改进使用,多番摸索,才发现利用延迟进行加载可以解决这类问题

      对于本人而言,由于界面喜欢保留一个统计代码图标方便进入直接查看数据,同时,又可以不影响页面的加载时间,所以引用了以下方式,下列代码放在body之前即可

 

    $(function () {
      var cnzz = document.createElement("script");
      cnzz.src = "//s4.cnzz.com/z_stat.php?id=1254820389&web_id=1254820389"; //这里插入你的cnzz统计代码中的统计数据链接
      document.getElementsByClassName('body')[0].appendChild(cnzz);
    });

 

      注意:如果需要保留一个入口的话,同时将一个图片作为超连接放在需要的地方方便站长进行查看,在a标签中的href连接中,不要再用官方给出的js图片连接代码,而是将图片保存作为本地加载,这样就不用像原来每次提交页面,会通过js请求图片在官方的地址了。

<a href="http://new.cnzz.com/v1/login.php?siteid=1273913414" target="_blank" rel="noopener">
<img 你的图片的连接位置/>
</a>

      本站使用了这样的方式,不会影响界面的加载速度,同时也实现了及时统计站内IP记录,大功告成。

赞(4) 打赏
转载请标明文章出处:读林博客 » 站长统计代码使网页加载变慢怎么办
分享到: 更多 (0)

评论 抢沙发

  • QQ (选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

打赏一下作者吧

支付宝扫一扫打赏

微信扫一扫打赏