|
一、頁面性能測(cè)試概述 頁面性能測(cè)試則是針對(duì)于頁面性能優(yōu)化而開展的一種性能測(cè)試，目的是對(duì)Web系統(tǒng)的頁面進(jìn)行測(cè)試以確認(rèn)系統(tǒng)頁面是否會(huì)影響系統(tǒng)的性能并為頁面的優(yōu)化提供依據(jù)與建議，最終提升系統(tǒng)的整體性能表現(xiàn)，提高用戶體驗(yàn)滿意度?？梢姡?span lang="EN-US">Web系統(tǒng)頁面性能測(cè)試是相對(duì)Web系統(tǒng)后臺(tái)測(cè)試的另外一種性能測(cè)試，是Web系統(tǒng)性能測(cè)試的一個(gè)重要部分。 二、頁面性能測(cè)試必要性
相對(duì)于C/S架構(gòu)的應(yīng)用系統(tǒng)，Web應(yīng)用系統(tǒng)所有數(shù)據(jù)都需要從服務(wù)器端下載，雖然瀏覽器有緩存機(jī)制，但客戶每次訪問仍然需要下載大量的數(shù)據(jù)。特別是用戶對(duì)系統(tǒng)要求越來越高，除了要求功能完備，對(duì)界面的美觀、易用性也提出了更高的要求，越炫的頁面也就意味著頁面中要包含更多的腳本、樣式表、圖片和Flash，頁面的數(shù)據(jù)量也就越大，這對(duì)Web系統(tǒng)的性能提出了極大的挑戰(zhàn)。
曾經(jīng)有個(gè)在線打印服務(wù)的應(yīng)用提供商說他們的系統(tǒng)不需要關(guān)注系統(tǒng)性能問題，沒有必要進(jìn)行性能測(cè)試，因?yàn)樗麄兛梢再徺I足夠多的服務(wù)器來支撐系統(tǒng)；不少業(yè)界同行也認(rèn)為只要有足夠多的服務(wù)器資源，性能就不會(huì)存在問題。其實(shí)不然，他們都只關(guān)注到了應(yīng)用系統(tǒng)的后臺(tái)性能表現(xiàn)，而忽略了頁面對(duì)系統(tǒng)整體性能的影響。舉個(gè)例子，當(dāng)一個(gè)頁面中包含幾百個(gè)請(qǐng)求，頁面中沒有經(jīng)過優(yōu)化的javaScript文件、CSS 文件與圖片件大小達(dá)到10MB，即使當(dāng)前只有一個(gè)用戶在訪問該系統(tǒng)，頁面的訪問速度也會(huì)慢得驚人，縱使增加再多的服務(wù)器也不見得會(huì)有明顯的性能提升。
可見，對(duì)Web應(yīng)用系統(tǒng)的頁面進(jìn)行性能測(cè)試和優(yōu)化是非常有必要的。只有通過對(duì)頁面的性能測(cè)試，發(fā)現(xiàn)頁面存在的性能問題并根據(jù)性能測(cè)試結(jié)果進(jìn)行頁面優(yōu)化以提升頁面的加載性能，從而提升系統(tǒng)的整體性能。在應(yīng)用系統(tǒng)高并發(fā)訪問時(shí)，更能體現(xiàn)出Web頁面優(yōu)化后所帶來的系統(tǒng)整體性能提升效果。 ========================================================================================================================= 2種方式來提升你的web 應(yīng)用程序的速度：
減少請(qǐng)求和響應(yīng)的往返次數(shù)
減少請(qǐng)求和響應(yīng)的往返字節(jié)大小。 ---------------------減少請(qǐng)求和響應(yīng)的往返次數(shù)：-----------------------
HTTP緩存是最好的減少客戶端服務(wù)器端往返次數(shù)的辦法。緩存提供了提供一種機(jī)制來保證客戶端或者代理能夠存儲(chǔ)一些東西，而這些東西將會(huì)在稍后的HTTP 響應(yīng)中用到的。（即第一次請(qǐng)求了，到了客戶端，緩存起來，下次如果頁面還要這個(gè)JS文件或者CSS文件啥的，就不要到服務(wù)器端去取下來了，但是還是要去服務(wù)器上去訪問一次，因?yàn)檎?qǐng)求要對(duì)比ETAG值，關(guān)于這個(gè)值，我將會(huì)在下次翻譯中介紹其作用）這樣，就不用讓文件再次跨越整個(gè)網(wǎng)絡(luò)了。 緩存相關(guān)的請(qǐng)求頭
為了提高性能，微軟的IE和其他的web客戶端總是想盡辦法來維持從遠(yuǎn)程服務(wù)器上下載下來的本地的緩存。
當(dāng)客戶端需要一個(gè)資源（html,css.js…），他們有3種可能的動(dòng)作：
1 發(fā)送一個(gè)一般的HTTP請(qǐng)求到遠(yuǎn)程服務(wù)器端，請(qǐng)求這個(gè)資源。
2 發(fā)送一個(gè)有條件的HTTP請(qǐng)求到服務(wù)器，條件就是如果它不同于本地的緩存版本。
3 如果緩存的拷貝可用，就使用本地的緩存資源。
當(dāng)發(fā)送一個(gè)請(qǐng)求，客戶也許會(huì)使用如下的幾個(gè)HEADER -------------------------減少請(qǐng)求肯響應(yīng)往返的字節(jié)大?。?-------------------------------- 1 使用更少的圖畫 2 將所有的CSS濃縮到一個(gè)CSS文件中 3 將所有的腳本濃縮到一個(gè)JS文件中 4 簡化你的頁時(shí)間 5 使用HTTP壓縮 ========================================================================================================================================== 頁面性能測(cè)試工具介紹： 第一種是通過HTTP代理的方式來截取客戶與服務(wù)器之間的通訊。
此類的工具非常的多，如： Charles官網(wǎng)：http://www./
charles是一個(gè)HTTP代理/ HTTP監(jiān)視器/使開發(fā)人員可以查看所有的計(jì)算機(jī)和互聯(lián)網(wǎng)之間的HTTP和SSL/ HTTPS流量的反向代理。這包括請(qǐng)求，響應(yīng)和HTTP標(biāo)頭（其中包含的cookies和緩存信息）。
charles界面清爽，采用中國的瓷器為logo，給人的感覺簡潔高雅。而且使用也非常簡單。下載頁面：http://www./download/ 進(jìn)入選擇你適合你的版本，安裝也非常簡單，一路“next”就OK了。
點(diǎn)擊工具欄上的“紅色”按鈕，就自動(dòng)的記錄你瀏覽器訪問的所有網(wǎng)站。
Fiddler2官網(wǎng)：http://www./fiddler2/
Fiddler是一個(gè)Web調(diào)試代理，記錄所有的HTTP（S）之間的計(jì)算機(jī)和互聯(lián)網(wǎng)的交通。提琴手允許您檢查交通，設(shè)置斷點(diǎn)，和“搗鼓”傳入或傳出數(shù)據(jù)。菲德勒包括一個(gè)強(qiáng)大的基于事件的腳本子系統(tǒng)，并可以使用任何。NET語言擴(kuò)展。
Fiddler是免費(fèi)軟件，可以調(diào)試，從幾乎任何應(yīng)用程序，支持代理，包括IE瀏覽器，谷歌Chrome，蘋果Safari，Mozilla Firefox中，歌劇，還有數(shù)千交通。您也可以像Windows電話，iPod/ iPad和其他流行的設(shè)備調(diào)試的交通。
Fiddler2相比Charles功能要更強(qiáng)大一些。當(dāng)然了，如果單單把他們理解成頁面性能測(cè)試工具有此片面，尤其Fiddlers2功能強(qiáng)大，當(dāng)然了，我也沒有深究，在此就不過多評(píng)論了。
|
|
|
