web前端頁面性能測試


一、頁面性能測試概述

  • 頁面性能測試則是針對於頁面性能優化而開展的一種性能測試
  • 目的是對Web系統的頁面進行測試以確認系統頁面是否會影響系統的性能並為頁面的優化提供依據與建議,最終提升系統的整體性能表現,提高用戶體驗滿意度。
  • 可見,Web系統頁面性能測試是相對Web系統后台測試的另外一種性能測試,是Web系統性能測試的一個重要部分。
  • 前端性能和后端性能區別:他們關注點不同,前端性能關注單個用戶的感受。后端性能關注是更多用戶訪問系統時,服務器能更穩定、更快的處理用戶發來的請求。一個強大的后台是前台的基礎。

二、頁面性能測試必要性

相對於C/S架構的應用系統,Web應用系統所有數據都需要從服務器端下載,雖然瀏覽器有緩存機制,但客戶每次訪問仍然需要下載大量的數據。

特別是用戶對系統要求越來越高,除了要求功能完備,對界面的美觀、易用性也提出了更高的要求,越炫的頁面也就意味着頁面中要包含更多的腳本、

樣式表、圖片和Flash,頁面的數據量也就越大,這對Web系統的性能提出了極大的挑戰。

 三、提升頁面性能的方法

  • 減少請求和響應的往返次數--緩存
  • 減少請求和響應的往返字節大小。

---------------------減少請求和響應的往返次數:-----------------------

 HTTP緩存是最好的減少客戶端服務器端往返次數的辦法。緩存提供了一種機制來保證客戶端或者代理能夠存儲一些東西

而這些東西將會在稍后的HTTP 響應中用到的。這樣,就不用讓文件再次跨越整個網絡了。

當客戶端需要一個資源(html,css.js…),他們有3種可能的動作:

 1 發送一個一般的HTTP請求到遠程服務器端,請求這個資源。

 2 發送一個有條件的HTTP請求到服務器,條件就是如果它不同於本地的緩存版本。

 3 如果緩存的拷貝可用,就使用本地的緩存資源。

-------------------------減少請求肯響應往返的字節大小:---------------------------------

1 使用更少的圖畫

2 將所有的CSS濃縮到一個CSS文件中

3 將所有的腳本濃縮到一個JS文件中

4 簡化你的頁時間

5 使用HTTP壓縮


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM