19+韩国主播青草vip视频易捷網絡歡迎您,我司主營業務:19+韩国主播青草vip视频,歡迎來電。
19+韩国主播青草vip视频
19+韩国主播青草vip视频業務咨詢
0755-61603557
趙先生:13714247375
19+韩国主播青草vip视频技術支持
您現在的位置:網站首頁 > 19+韩国主播青草vip视频教程

攜程網實例分享:利用HTML5監控網站性能

文章作者:易捷網站制作公司編輯    文章來源:19+韩国主播青草vip视频公司-易捷網絡

HTML5技術給Web帶來很多新的元素,不僅使網站變得越來越美觀,交互體驗越來越接近完美,更使得很多曾經不可能完成的功能都可以實現。本文針對HTML5在網站性能監控方面帶來的新特性,與大家分享攜程旅行網在此方向的實踐經驗。網站性能監控的現狀

網站性能越來越被大眾所關注,因為它直接影響用戶體驗。大多數互聯網公司在網站性能監控方面僅做到服務器性能監控和網絡I/O監控,這樣的背景催生了一些第三方做網站性能監控的公司,如基調、監控寶、GA等。它們都有一個共同點——基本在全國主要城市鋪設了監控點,定時主動訪問頁面來獲取性能數據。然后定時對數據進行匯總,生成報表后提供給最終用戶。

第三方監控的優勢與劣勢

19+韩国主播青草vip视频第三方監控有如下一些優勢與劣勢。

優勢

19+韩国主播青草vip视频?無需改動現有程序代碼。第三方監控由于采用主動訪問并采集的機制,只需要在用戶管理界面配置相關頁面的URL,就可以模擬用戶訪問的過程,因而完全不需要開發人員介入。

?能采集到豐富的數據。因為模擬訪問使用的瀏覽器由供應商部署,所以可以在客戶端加入自定義插件或集成其他性能工具,能通過編程實現各類性能數據的采集。

?數據量不大,匯總方便。這取決于供應商的監測點部署,但限于成本考慮,一般供應商只會在一二線城市部署,這樣數據量匯總相對容易,分析復雜度較低。

?出現問題時可重現和驗證。因為能有豐富的數據,并且發生問題的監測點可控,我們就能很容易重現,方便排錯。

劣勢

19+韩国主播青草vip视频?一次性投入大。監測點的部署需要大量設備支持,如果只是為一家公司提供服務,性價比不高,需要大量的資金。

19+韩国主播青草vip视频?難以完成不同瀏覽器下的測試。監測點無法顧及到所有用戶使用的瀏覽器,對于不同的業務,客戶群體不一致,瀏覽器的權重也不同,故監測點一般以IE和WebKit核心的瀏覽器為主。

?響應有時間間隔。一般來說,監控頁面不可能只有一個,會有很多,測試時為保證不互相干擾,特別是性能測試,會依次按隊列方式進行,這會使得一個循環的時間很長,且需要等到所有監測點均完成測試后方可獲得最終報告,不能及時反映當前的狀態。

?對于強依賴流程進入的頁面難以監控。例如預訂流程,需要POST大量信息,且有時效性,對于監測點來說具有一定的挑戰。現在有些運營商可以提供一些簡單的腳本功能,但對于日益復雜的業務需求,已無法滿足。

?監控點有限,不能覆蓋整體用戶群。監控點可以增加,但總是無法覆蓋所有的網絡環境,因此數據只能用于參考,并不能代表真實用戶感受。

HTML5給我們帶來了什么

HTML5中新加入的performance標準在IE9、最新的Firefox和Chrome中都已實現,精確度也達到了毫秒級別,通過詳細時間點,我們能獲得很多關鍵的指標項。在此,我們簡單看一下一些可用的指標(如圖1)。其中有很多能幫助我們了解客戶端性能和客戶感受,例如:服務器端處理時間 +網絡傳輸時間(較短)=responseStart–requestStart,客戶端白屏時間=domInteractive–navigationStart或responseStart等。

對于攜程,我們最主要監控的指標有下面幾種。

1. Total總時長:從頁面跳轉開始至頁面onLoad;

2. DNS域名解析時長:從發起頁面域名解析至解析完成;

3. Connect建立與服務器TCP連接時長:從發起TCP連接至三次握手完成;

4. Request請求時長:從發起頁面請求至服務器端返回第一個字節;

19+韩国主播青草vip视频5. Response響應時長:從接收服務器發回的第一字節至主頁面下載完成;

6. DomReady頁面Dom樹解析:從頁面跳轉至頁面Dom元素穩定。接下來我們看看客戶端數據采集的優勢與劣勢。

優勢

19+韩国主播青草vip视频?真實的客戶訪問性能數據。客戶在訪問網站的同時,可能還在做很多其他操作,并且可能還有很多其他的網絡應用占用帶寬,真實的用戶數據對于了解客人感受具有代表性。

19+韩国主播青草vip视频?能區分瀏覽器、操作系統平臺。時下,用戶使用著各種各樣的外殼瀏覽器和自定義瀏覽器,而普通的測試無法覆蓋到如此復雜的網站瀏覽環境,因此這部分數據尤其珍貴。

?覆蓋范圍廣,且地域分布較均衡。相比第三方,我們能依靠JavaScript收集到各個地域的數據,甚至是海外,規模越大的網站,越有意義,能反映用戶當地的網絡狀況,獲知CDN加速效果等。瀏覽器原生支持,精度高。毫秒級的精度對于網絡DNS、Connect時間,以及瀏覽器初始化事件執行時間有很大的意義。

劣勢

?對于舊版本瀏覽器無能為力。性能數據采集需要HTML5的支持,對于IE6、IE7、IE8,不支持這一標準是其最大硬傷,不過得益于HTML5的推進速度,隨著高版本瀏覽器的發布,這個問題會逐漸淡化,并不需要我們操心。

19+韩国主播青草vip视频?需要部署少量JavaScript代碼。類似于GoogleAnalyze的代碼加載機制,需要在每個頁面的底部嵌入代碼,工作量取決于網站架構,如果有統一的頁腳,工作量其實很小。

?無法重現。由于數據來自客戶,當時的狀態無法保留,很難模擬客戶的環境,會對于排錯有一定的影響。

19+韩国主播青草vip视频易捷網絡科技主營業務:企業網站制作、網站推廣優化、企業郵箱申請、域名空間購買、網站備案、論壇網站制作和企業網站維護。網站建設服務熱線:13714247375
上一篇企業網站制作技術文章:    排名下降又上升的個人分析
下一篇企業網站制作技術文章:    如何做好站內內部鏈接優化

19+韩国主播青草vip视频最新案例推薦:

19+韩国主播青草vip视频相關文章閱讀
關于我們
公司簡介
人才招聘
售后服務
聯系我們
網站制作套餐
基本型網站制作套餐
標準型網站制作套餐
品牌型網站制作套餐
綜合型網站制作套餐
網站制作教程
網站建設常見問題
網站制作常見問題
網站設計常見問題
網站優化常見問題
企業郵箱常見問題
網站備案常見問題
聯系方式
聯系人:趙經理
電話:0755-61603557
郵箱:info@nagon10086.cn
手機:13714247375
地址:廣東.深圳寶安西鄉寶源路鴻源大廈618

微信掃碼咨詢
? 2020 nagon10086.cn all rights reserved 
QQ在線咨詢