web前端頁面效能測試

2022-05-27 05:09:09 字數 680 閱讀 4474

特別是使用者對系統要求越來越高,除了要求功能完備,對介面的美觀、易用性也提出了更高的要求,越炫的頁面也就意味著頁面中要包含更多的指令碼、

樣式表、和flash,頁面的資料量也就越大,這對web系統的效能提出了極大的挑戰。

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

http快取是最好的減少客戶端伺服器端往返次數的辦法。快取提供了一種機制來保證客戶端或者**能夠儲存一些東西

而這些東西將會在稍後的http 響應中用到的。這樣,就不用讓檔案再次跨越整個網路了。

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

1 傳送乙個一般的http請求到遠端伺服器端,請求這個資源。

2 傳送乙個有條件的http請求到伺服器,條件就是如果它不同於本地的快取版本。

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

-------------------------減少請求肯響應往返的位元組大小:---------------------------------

1 使用更少的圖畫

2 將所有的css濃縮到乙個css檔案中

3 將所有的指令碼濃縮到乙個js檔案中

4 簡化你的頁時間

5 使用http壓縮

前端 頁面效能

提公升頁面效能的方法?非核心 非同步載入 非同步載入的方式 非同步載入的區別 利用瀏覽器快取 快取的分類 快取的原理 使用cdn 網路優先 本質上是乙個快取,將資料快取在離使用者最近的地方,一般快取的是靜態資源 將css放在頁面最上面,將js放在頁面最下面 頁面從上到下載入 把js和css提取出來放...

高效能前端開發 Web效能測試工具推薦

高效能前端開發 web 效能測試工具推薦 firebug firebug 是firefox中最為經典的開發工具,可以監控請求頭,響應頭,顯示資源載入瀑布圖 httpwatch 功能類似firebug,可以監控請求頭,響應頭,顯示資源載入瀑布圖。但是httpwatch還能顯示gzip壓縮資訊,dns查...

高效能前端開發 Web效能測試工具推薦

firebug firebug 是firefox 中最為經典的開發工具,可以監控請求頭,響應頭,顯示資源載入瀑布圖 功能類似 firebug 可以監控請求頭,響應頭,顯示資源載入瀑布圖。但是 還能顯示 gzip 壓縮資訊,dns查詢,tcp鏈結資訊,個人在監控 請求比較喜歡使用 包含ie 和fire...