用延迟加载解决CNZZ加载慢的问题
2023-03-07 09:42:07 时间
我是不太喜欢CNZZ的, 不过既然公司要用, 还是得加, 这个公司不知道为什么不好好优化一下, 这么多功能都做了, 难道不愿意多费几分钟优化一下这个特别影响用户体验的统计代码? 现在的移动站页面, 是有载入提示浮层的, 要在页面加载完毕后, 才会将浮层撤销, 结果CNZZ动不动加载超时, 导致浮层经常盖在那里好几分钟不动弹.
原来的代码是
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_125974259'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D125974259' type='text/javascript'%3E%3C/script%3E"));</script>
或者是
<script src="https://s11.cnzz.com/z_stat.php?id=125974259&web_id=125974259" language="JavaScript"></script>
前者会在载入中写入一个span, 然后在下面加载一串js, 在span里写一些内容, 这个也是很让人讨厌的一个地方, 因为它会在页面上显示出来, 非得自己做写改动才能把它隐藏掉. 后者会载入一串js.
好了, 修改的结果是这样的, 放到页面最下方</body>标签前面
<script> $(function () { // 延迟CNZZ统计, 以免影响页面载入 var cz = document.createElement("script"); cz.src = "//s11.cnzz.com/z_stat.php?id=125974259&web_id=125974259"; document.getElementsByTagName('body')[0].appendChild(cz); }); </script>
这样会在页面加载完毕后再执行, 不影响页面其他元素正常显示.
相关文章
- TextView设置下划线并拨打电话
- 判断listview 各种滑动状态
- Unable to add window --token is not valid
- 云原生时代的Spring Boot 3.0: GraalVM原生镜像,启动速度提升近30倍
- Golang 限流器(1) - Golang 标准库限流器
- Golang 限流器(3) - uber 开源限流器
- Picasso图片框架加载图片 使用及缓存问题
- Golang标准库 container/list
- Golang标准库 container/ring
- Golang标准库 container/heap
- Golang标准库time(1) - 程序员需要相信的关于时间的谎言 时间可以倒流
- Golang标准库time(2) - timer和ticker
- [oeasy]python0080_设置RGB颜色_24bit_24位真彩色_颜色设置
- Kubernetes 运维遇到的问题记录(4)
- Kubernetes 运维记录(5)
- Internal structure of .git directory
- .git 目录的内部结构
- GridView基于pulltorefresh实现下拉刷新 上拉加载更多功能
- 试用chatGPT来辅助工作 之 写代码
- ChatGPT使用一段时间后的感受