日均百萬 PV 的站點如何作性能監測？試試「3M口罩」！

對不少開發者而言，若是網站的日流量達到百萬級別，峯值 PV 也突破了 3 萬，這樣的站點在線下測試的時候老是讓人心力交瘁。。。。

生產環境下的性能監測問題更是尤爲讓人頭疼！

開發同窗在想，運維人員也在想；男人在想，女人也在想。如今，值得男女老幼一齊關注的問題，恐怕也只有「霧霾」了。衆所周知，3M 口罩完美解決了「霧霾」所帶來的一系列安全性能問題。那麼，在前端性能監控領域，有沒有爲專爲網站打造的「3M」產品呢？

人人都想要「高性能」，可你明白什麼是高性能網站嗎？

#####什麼叫高性能的網站？

現有兩個網站性能架構設計方案：方案 A 和方案 B。方案 A 在小於100個併發用戶訪問時，每一個請求的響應時間是1秒，當併發請求達到200的時候，請求的響應時間將驟增到10秒。方案 B 不論是100個仍是200個併發訪問，每一個請求的響應時間都差很少是1.5秒。

哪一個方案的性能好？

若是你的老闆要求 「咱們要改善一下網站的性能」，你知道他指的是什麼嗎？

同類型的兩個網站，X 網站服務器平均每一個請求的處理時間是500毫秒，Y 網站服務器平均每一個請求的處理時間是1000毫秒，爲何用戶卻反映 Y 網站的速度快呢？

網站性能是客觀的技術，能夠具體反映在響應時間、吞吐量等指標中；同時也是主觀的感覺，而感覺則是一種與具體參與者相關的微妙的東西，用戶的感覺和工程師的感覺不一樣，不一樣的用戶感覺也不一樣。

不一樣視角下的網站性能

軟件工程師所說的網站性能和用戶說的是不同的！！！

1．用戶視角下的網站性能

從用戶角度講，網站性能就是用戶在瀏覽器上的直觀感覺：網站是快仍是慢？

用戶感覺到的時間，包括用戶計算機和網站服務器通訊的時間、網站服務器處理的時間、用戶計算機瀏覽器構造請求解析響應數據的時間，以下圖所示。

計算機性能有差別，瀏覽器解析 HTML 速度有差別，網絡運營商提供的互聯網寬帶服務有差別，這些差別最終致使用戶感覺到的響應延遲可能會遠遠大於網站服務器處理請求須要的時間。

在實踐中，使用一些前端架構優化手段，經過優化頁面 HTML 式樣、利用瀏覽器端的併發和異步特性、調整瀏覽器緩存策略、使用 CDN 服務、反向代理等手段，使瀏覽器儘快地顯示用戶感興趣的內容、儘量近地獲取頁面內容，即便不優化應用程序和架構，也能夠很大程度地改善用戶視角下的網站性能。

2．開發人員視角下的網站性能

開發人員關注的主要是應用程序自己及其相關子系統的性能，包括響應延遲、系統吞吐量、併發處理能力、系統穩定性等技術指標。**主要的優化手段有：**使用緩存加速數據讀取，使用集羣提升吞吐能力，使用異步消息加快請求響應及實現削峯，使用代碼優化手段改善程序性能。

3．運維人員視角的網站性能

說的再多最後都要上生產環境，因此，最直接、最真實 的就是把用戶訪問時的各項指標做爲最終的判斷依據。

上生產以後，就該運維人員來發愁了。

運維人員更關注基礎設施性能和資源利用率，如網絡運營商的帶寬能力、服務器硬件的配置、數據中心網絡架構、服務器和網絡帶寬的資源利用率等。主要優化手段有建設優化骨幹網、使用高性價比定製服務器、利用虛擬化技術優化資源利用等。

現階段，大多數的前端工具都比較碎片化，例如 yslow 偏重頁面靜態分析，fildder 主要作頁面請求分析，並且，他們還缺乏**「統計功能」，也就是所謂的「一次性軟件」**。

如今，Browser Insight 提供了統一的視圖，全面涵蓋了用戶視角、開發視角以及運維視角。就像 3M 口罩同樣，針對不一樣的用戶羣，都能提供知足他們需求的產品，讓開發者同窗再也不糾結。

下面是 Bi 的幾個功能板塊，基本上涵蓋了從研發、測試再到運維 3 位一體的層面。

爲何說 Browser Insight 像「3M口罩」？

• Browser Insight 能夠和**百萬訪客「直接」**接觸，不用擔憂影響用戶；
• Browser Insight 安裝後，服務器和應用程序毫無壓力，不用擔憂帶寬、CPU、內存等消耗；
• Browser Insight 全量數據，實時分析，不會泄露任何信息，安全自信的作性能監測；
• Browser Insight 以用戶爲中心的統計分析，分分鐘定位網站性能瓶頸，讓網站問題如「霧霾」同樣，再也不干擾你的心情；

目前，OneAPM 針對前端性能的優化產品，也就是號稱網站「3M 口罩」的 Browser Insight 已經免費提供給你們使用了。同時包括針對應用服務器性能優化 Application Insight 產品以及針對存儲服務器性能優化 Cloud Insight 產品也都提供了免費版產品，但願可以幫助開發者不斷優化網站，真正意義上構建一個「高性能」的網站！！！