Web應(yīng)用性能分析工具—HAR文件

來源?https://raynorli.com/2018/06/11/web-performance-analysis-har-file/

?

客戶經(jīng)常有的一個(gè)問題就是，我的網(wǎng)頁服務(wù)通過你的設(shè)備之后，訪問變慢了，這類直觀感受的故障很不好量化，而且基于Web應(yīng)用的架構(gòu)，其實(shí)可能牽扯到很多問題，對于定位問題以及精確收集數(shù)據(jù)都會(huì)有不小的挑戰(zhàn)。

現(xiàn)代Web網(wǎng)頁都不是一個(gè)HTTP請求（request）就能搞定的，打開一個(gè)網(wǎng)頁需要許多HTTP交互（transaction）才可以完整顯示一個(gè)網(wǎng)頁，有時(shí)候就是一個(gè)HTTP請求沒有得到及時(shí)響應(yīng)，造成了整體網(wǎng)頁加載速度變慢，但是怎么找出這一個(gè)有問題的HTTP請求呢？

如果是做過Web前端開發(fā)的同學(xué)會(huì)說，我們可以按F12，進(jìn)入瀏覽器的開發(fā)者模式來查看各個(gè)請求所消耗的時(shí)間，這是個(gè)可行的方法，但是作為技術(shù)支持，沒有辦法長時(shí)間占用客戶電腦來進(jìn)行排查，那么有沒有工具可以幫我們收集這部分信息呢？答案當(dāng)然是肯定的。

通過開發(fā)者模式查看我們訪問百度時(shí)實(shí)際瀏覽器所發(fā)出的所有HTTP交互

HTTP Archive format

又稱HAR文件，是用來記錄瀏覽器加載網(wǎng)頁時(shí)所消耗的時(shí)間的工具。它可以記錄每一個(gè)HTTP請求發(fā)出直到收到完整的HTTP響應(yīng)中間所耗費(fèi)的時(shí)間，可以迅速幫助我們知道是哪些HTTP請求沒有得到及時(shí)的回復(fù)，從而進(jìn)行更一步的排查。

加載百度時(shí)的HAR文件展開時(shí)

?

• 谷歌（Chrome）瀏覽器收集HAR文件

?

• 火狐（FireFox）瀏覽器收集HAR文件

?

• IE瀏覽器收集HAR文件

• Tips：一定要記得打開第2步中左邊的開始抓包鍵

?

如何查看HAR文件

維基中列出的支持軟件有以下

• Firebug
• Fiddler
• HttpWatch
• Charles Web Proxy (software)
• Firefox
• Google Chrome
• Internet Explorer 9
• Microsoft Edge[4]
• Paw (software)[5]
• Restlet Client?(software)[6]

不過我一般是去這個(gè)網(wǎng)站來查看

http://www.softwareishard.com/har/viewer/

?

=============?End

?

轉(zhuǎn)載于:https://www.cnblogs.com/lsgxeva/p/11051282.html

總結(jié)

以上是生活随笔為你收集整理的Web应用性能分析工具—HAR文件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。