首頁 > 業界 > 互聯網

統計代碼陷阱之無形中影響了網速

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：

http://www.yilingsj.com/xwzj/2016-08-30/435.html

說起網站統計代碼，稍微有過瞭解的看官肯定會想起一堆統計平台，例如：百度統計、51.la統計、友盟統計等等。而這些統計代碼中也是存在陷阱的哦！

一、回顧最佳化網頁常識

通常來說，我們會將js代碼置於閉合的</body>前，因為這樣做的好處就是：網頁是從上往下進行載入的，js放最下面是最後載入，這樣可以提升開啟網頁的速度。

雖然道理看官都懂，不就是將js放最下面嘛，有什麼好說的。可看官真的懂？？？

二、陷阱一：統計代碼放頁尾但還是出現在head中

如果看官是一個站長，可以檢查下您的網站，看看統計代碼有沒有出現在head中。好了，藝靈也不賣關子了，直接用代碼說話吧！畢竟語言不太好表達，各位看官可要看仔細看圖了！

2.1、百度統計代碼

下面是百度最新統計代碼，如果看官需要百度統計，可從百度官網擷取，登入地址：sitecenter.baidu.com/sc-web/ 。

2.1.1、範例程式碼

  1. <script>
  2. 　var _hmt = _hmt || [];
  3. 　(function() {
  4. 　　var hm = document.createElement("script");
  5. 　　hm.src = "//hm.baidu.com/hm.js?......";
  6. 　　var s = document.getElementsByTagName("script")[0];
  7. 　　s.parentNode.insertBefore(hm, s);
  8. 　})();
  9. </script>

看官產生代碼後會看到一個安裝說明，配圖：可以看到百度是提倡將代碼放到</head>中的。如果看官願意，就照百度說的操作吧。下面還是來看藝靈這篇的教程吧！

如果看官將產生的程式碼放到了</body>前，按常理來說，統計代碼會在我們的意料中，而事實並非如此！為何？？？

2.2、原因分析

不知道看官有沒有注意藝靈代碼中黃色高亮部分，一共有兩行：
第一行是尋找節點；
第二行是節點前插入內容。
那麼問題就來了！如果看官在<head>中寫有<script>標籤的話，百度的統計代碼就會蹭的一下跑到這個<script>標籤前。配圖一張：　明白？？？

2.3、解決方案

既然我們知道了原因，那解決就很簡單了。解決也分兩步：
第一步：更換節點，
第二步：追加內容。

2.3.1、修改代碼

  1. 　　var s = document.getElementsByTagName("body")[0];
  2. 　　s.appendChild(hm);
  3. 　})();
  4. </script>

上面黃色高亮為修改部分，我們再來重新整理下頁面看下效果吧，配圖：　怎麼樣，這樣乖了吧！

對於其它平台的統計代碼，修改方法可參考上面的2.3.1。

下面再說下統計代碼中的第二個陷阱。

三、陷阱二：統計代碼圖片拖慢了網速

下面以51.la為例。

使用過統計代碼的站長應該知道統計代碼有很多種樣式，比如說：圖片、文字形式等。來一張51.la的吧！登入地址：www.51.la配圖：　怎麼樣，看著很多吧，總有一款適合自己的。

前段時間，藝靈的網站因各種因素問題，總是打不開或開啟很慢，後來看到除了一些因素外，統計代碼也有份！

我們來看下正常情況下載入表徵圖的速度吧，配圖：　可以看到，表徵圖載入時間在1min以上，儘管這些還只是一個小小小表徵圖.....

那段時間，51.la這樣的一個表徵圖，有時載入了幾分鐘還沒載入完，這也就導航了頁面內容無法正常展示。後來換成文字，速度立馬快了些，但還是有問題。而這個問題就是各統計代碼本身的，比如說51.la的：web.51.la:82/go.asp?這個請求比較花費時間，但這些是統計平台的問題，我們是無法解決的。

四、最後

好了，關於統計代碼，普遍存在的兩個陷阱藝靈已經進行了示範和提供瞭解決的方法，各位站長可查看下自己的網站，如果覺得藝靈說的不靠譜，自己運用測試下時間就知道了，畢竟幹這行是要靠資料說話的！

除了統計代碼外，各種平台的分享代碼、推送代碼等等或多或少都存在上面提供的陷阱現象。最明顯的又是百度家的百度推送！至於怎麼解決，想必看官應該學會了吧！

統計代碼陷阱之無形中影響了網速

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關文章
朱曄的互連網架構實踐心得S1E1：Pilot
朱曄的互連網架構實踐心得S1E2：屢試不爽的架構三馬車
互連網產品的測試策略應該如何設計-------打卡第十一天
朱曄的互連網架構實踐心得S1E4：簡單好用的監控六兄弟
11月國內網民地區分布TOP12：北京跌至第七
網上保障隱私十大秘技

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More