特別是使用者對系統要求越來越高,除了要求功能完備,對介面的美觀、易用性也提出了更高的要求,越炫的頁面也就意味著頁面中要包含更多的指令碼、
樣式表、和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...