用延遲加載解決CNZZ加載慢的問題
我是不太喜歡CNZZ的, 不過既然公司要用, 仍是得加, 這個公司不知道爲何很差好優化一下, 這麼多功能都作了, 難道不肯意多費幾分鐘優化一下這個特別影響用戶體驗的統計代碼? 如今的移動站頁面, 是有載入提示浮層的, 要在頁面加載完畢後, 纔會將浮層撤銷, 結果CNZZ動不動加載超時, 致使浮層常常蓋在那裏好幾分鐘不動彈.javascript
原來的代碼是php
<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>
或者是java
<script src="https://s11.cnzz.com/z_stat.php?id=125974259&web_id=125974259" language="JavaScript"></script>
前者會在載入中寫入一個span, 而後在下面加載一串js, 在span裏寫一些內容, 這個也是很讓人討厭的一個地方, 由於它會在頁面上顯示出來, 非得本身作寫改動才能把它隱藏掉. 後者會載入一串js.web
好了, 修改的結果是這樣的, 放到頁面最下方</body>標籤前面app
複製代碼
<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>
複製代碼優化