1.減少http請求
條件get請求每次都會產生乙個304的請求
4.壓縮元件:在server端對response資源進行壓縮再傳給瀏覽器,一般使用gzip
5.將css放再頂部:能加快頁面內容顯示,並且能避免頁面產生白屏
6.將js放在底部
7.避免css表示式
8.將js,css放在外部檔案中
9.通過使用keep-alive和較少的網域名稱來減少dns查詢
10.精簡js和css檔案
11.尋找一種避免重定向的方法
12.移除重複的指令碼
13.配置etag
14.確保ajax請求遵守效能知道,必要時候應具備長久的expires頭
我們可以使用yahoo的yslow firefox外掛程式來檢查**的前端效能.
最後,我們隨便開啟乙個**寶貝頁面,用fiddler檢視一下,發現**至少做了如下優化:
唯一一點沒有優化的是,服務端返回的都是沒有gzip壓縮的,或許是為了減少伺服器的壓力
前端效能優化 14 條規則
前端優化的 準則指導著前端頁面的優化策略 只有10 20 的終端使用者響應時間花在接受請求的html文件上，剩下的80 90 時間花在為html文件所引用的所有元件 指令碼 樣式表等 進行的http請求上。因此，改善響應時間的最簡單途徑就是減少元件的數量，並由此減少http請求的數量。當然很多人就會...
Web前端效能優化的14條規則
部落格分類 web前端測試 1.減少http請求 條件get請求每次都會產生乙個304的請求 4.壓縮元件 在server端對response資源進行壓縮再傳給瀏覽器,一般使用gzip 5.將css放再頂部 能加快頁面內容顯示,並且能避免頁面產生白屏 6.將js放在底部 7.避免css表示式 8.將...
基本的優化規則
對 進行優化處理時，需要考慮一些基本的優化規則 1.在 優化之前，先要有乙個同一 的可靠的 非優化的版本。2.應利用演算法優化措施，而不是通過提公升系統特性來獲取最大限度的效能提公升。3.不要將 優化與組合語言實現混為一談。4.在試圖用組合語言重寫程式之前，先檢視一下編譯器生成的彙編 並估算它的效率...